@luminati-io/uikit 1.7.0-beta.1 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/uikit.umd.js +740 -1624
- package/dist/uikit.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/uikit.umd.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
2
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
-
module.exports = factory(require("react"), require("styled-components"), require("react-dom"));
|
|
3
|
+
module.exports = factory(require("react"), require("styled-components"), require("prop-types"), require("react-dom"));
|
|
4
4
|
else if(typeof define === 'function' && define.amd)
|
|
5
|
-
define("uikit", ["react", "styled-components", "react-dom"], factory);
|
|
5
|
+
define("uikit", ["react", "styled-components", "prop-types", "react-dom"], factory);
|
|
6
6
|
else if(typeof exports === 'object')
|
|
7
|
-
exports["uikit"] = factory(require("react"), require("styled-components"), require("react-dom"));
|
|
7
|
+
exports["uikit"] = factory(require("react"), require("styled-components"), require("prop-types"), require("react-dom"));
|
|
8
8
|
else
|
|
9
|
-
root["uikit"] = factory(root["react"], root["styled-components"], root["react-dom"]);
|
|
10
|
-
})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
|
|
9
|
+
root["uikit"] = factory(root["react"], root["styled-components"], root["prop-types"], root["react-dom"]);
|
|
10
|
+
})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
|
|
11
11
|
return /******/ (() => { // webpackBootstrap
|
|
12
12
|
/******/ var __webpack_modules__ = ({
|
|
13
13
|
|
|
@@ -5829,13 +5829,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5829
5829
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
5830
5830
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
5831
5831
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
5832
|
-
/* harmony import */ var
|
|
5833
|
-
/* harmony import */ var
|
|
5834
|
-
/* harmony import */ var
|
|
5835
|
-
/* harmony import */ var
|
|
5836
|
-
/* harmony import */ var
|
|
5837
|
-
/* harmony import */ var
|
|
5838
|
-
/* harmony import */ var
|
|
5832
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
5833
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
5834
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
|
|
5835
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
|
|
5836
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
|
|
5837
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
|
|
5838
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
|
|
5839
5839
|
// LICENSE_CODE ZON
|
|
5840
5840
|
|
|
5841
5841
|
|
|
@@ -5848,8 +5848,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5848
5848
|
|
|
5849
5849
|
|
|
5850
5850
|
|
|
5851
|
-
var Label =
|
|
5852
|
-
var Flex =
|
|
5851
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
5852
|
+
var Flex = _layout__WEBPACK_IMPORTED_MODULE_6__["default"].Flex;
|
|
5853
5853
|
var Badge = function Badge(props) {
|
|
5854
5854
|
var children = props.children,
|
|
5855
5855
|
shape = props.shape,
|
|
@@ -5858,9 +5858,9 @@ var Badge = function Badge(props) {
|
|
|
5858
5858
|
iconPlacement = props.iconPlacement;
|
|
5859
5859
|
var bgColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
5860
5860
|
return {
|
|
5861
|
-
"default":
|
|
5862
|
-
negative:
|
|
5863
|
-
positive:
|
|
5861
|
+
"default": _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_3,
|
|
5862
|
+
negative: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.red_3,
|
|
5863
|
+
positive: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.green_3
|
|
5864
5864
|
}[variant];
|
|
5865
5865
|
}, [variant]);
|
|
5866
5866
|
var color = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
@@ -5874,7 +5874,7 @@ var Badge = function Badge(props) {
|
|
|
5874
5874
|
$shape: shape,
|
|
5875
5875
|
$color: bgColor,
|
|
5876
5876
|
iconPlacement: iconPlacement
|
|
5877
|
-
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
5877
|
+
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
5878
5878
|
name: icon,
|
|
5879
5879
|
size: "xxs",
|
|
5880
5880
|
color: color
|
|
@@ -5888,15 +5888,15 @@ Badge.defaultProps = {
|
|
|
5888
5888
|
variant: 'default'
|
|
5889
5889
|
};
|
|
5890
5890
|
Badge.propTypes = {
|
|
5891
|
-
shape:
|
|
5892
|
-
variant:
|
|
5893
|
-
icon:
|
|
5894
|
-
iconPlacement:
|
|
5891
|
+
shape: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['rounded', 'square']),
|
|
5892
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['default', 'negative', 'positive']),
|
|
5893
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames),
|
|
5894
|
+
iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['left', 'right'])
|
|
5895
5895
|
};
|
|
5896
5896
|
var BadgeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Flex).attrs({
|
|
5897
|
-
gap:
|
|
5897
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["01"],
|
|
5898
5898
|
align_items: 'center',
|
|
5899
|
-
padding: "".concat(
|
|
5899
|
+
padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]),
|
|
5900
5900
|
flex_direction: function flex_direction(props) {
|
|
5901
5901
|
return props.iconPlacement == 'right' ? 'row-reverse' : 'row';
|
|
5902
5902
|
}
|
|
@@ -5906,7 +5906,7 @@ var BadgeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Flex
|
|
|
5906
5906
|
})(["width:fit-content;border-radius:", ";background-color:", ";"], function (props) {
|
|
5907
5907
|
return {
|
|
5908
5908
|
rounded: '16px',
|
|
5909
|
-
square:
|
|
5909
|
+
square: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"]
|
|
5910
5910
|
}[props.$shape];
|
|
5911
5911
|
}, function (props) {
|
|
5912
5912
|
return props.$color;
|
|
@@ -5930,12 +5930,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5930
5930
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
5931
5931
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
5932
5932
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
5933
|
-
/* harmony import */ var
|
|
5934
|
-
/* harmony import */ var
|
|
5935
|
-
/* harmony import */ var
|
|
5936
|
-
/* harmony import */ var
|
|
5937
|
-
/* harmony import */ var
|
|
5938
|
-
/* harmony import */ var
|
|
5933
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
5934
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
5935
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
5936
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
5937
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
5938
|
+
/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
|
|
5939
5939
|
// LICENSE_CODE ZON
|
|
5940
5940
|
|
|
5941
5941
|
|
|
@@ -5952,7 +5952,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
5952
5952
|
|
|
5953
5953
|
|
|
5954
5954
|
|
|
5955
|
-
var Label =
|
|
5955
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
5956
5956
|
var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
5957
5957
|
var text = props.text,
|
|
5958
5958
|
variant = props.variant,
|
|
@@ -5961,7 +5961,7 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
|
|
|
5961
5961
|
loading = props.loading,
|
|
5962
5962
|
loadingText = props.loadingText,
|
|
5963
5963
|
rest = _objectWithoutProperties(props, _excluded);
|
|
5964
|
-
var _getIconProps = (0,
|
|
5964
|
+
var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getIconProps)('Button', props),
|
|
5965
5965
|
isLeft = _getIconProps.isLeft,
|
|
5966
5966
|
isRight = _getIconProps.isRight,
|
|
5967
5967
|
iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
|
|
@@ -5972,13 +5972,13 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
|
|
|
5972
5972
|
size: size,
|
|
5973
5973
|
disabled: loading || disabled,
|
|
5974
5974
|
iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
|
|
5975
|
-
}), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
5975
|
+
}), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
5976
5976
|
size: iconProps.size
|
|
5977
|
-
}), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
5977
|
+
}), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
|
|
5978
5978
|
variant: size == 'xs' ? 'sm' : 'lg',
|
|
5979
5979
|
no_wrap: true,
|
|
5980
5980
|
"data-label": true
|
|
5981
|
-
}, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
5981
|
+
}, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], iconProps));
|
|
5982
5982
|
});
|
|
5983
5983
|
Button.displayName = 'Button';
|
|
5984
5984
|
Button.defaultProps = {
|
|
@@ -5988,14 +5988,14 @@ Button.defaultProps = {
|
|
|
5988
5988
|
loadingText: 'Loading...'
|
|
5989
5989
|
};
|
|
5990
5990
|
Button.propTypes = {
|
|
5991
|
-
text: (
|
|
5992
|
-
variant:
|
|
5993
|
-
size:
|
|
5994
|
-
icon:
|
|
5995
|
-
iconPlacement:
|
|
5996
|
-
disabled: (
|
|
5997
|
-
loading: (
|
|
5998
|
-
loadingText: (
|
|
5991
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired),
|
|
5992
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
|
|
5993
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xs', 'sm', 'md', 'lg']),
|
|
5994
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames),
|
|
5995
|
+
iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['left', 'right']),
|
|
5996
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
5997
|
+
loading: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
5998
|
+
loadingText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
|
|
5999
5999
|
};
|
|
6000
6000
|
var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
|
|
6001
6001
|
displayName: "StyledButton",
|
|
@@ -6009,12 +6009,12 @@ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().butt
|
|
|
6009
6009
|
gap = 2;
|
|
6010
6010
|
paddingLeft = paddingRight = 8;
|
|
6011
6011
|
}
|
|
6012
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,
|
|
6012
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(paddingRight));
|
|
6013
6013
|
}, function (props) {
|
|
6014
|
-
var colors = (0,
|
|
6014
|
+
var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getButtonColors)(props);
|
|
6015
6015
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:", ";[data-label]{color:", ";}[data-icon]{color:", ";}", " ", ""], colors.backColor, colors.border || '0 none', colors.color, colors.iconColor || colors.color, colors.hover && "&:hover {\n background-color: ".concat(colors.hover.backColor, ";\n }"), colors.active && "&:active {\n background-color: ".concat(colors.active.backColor, ";\n border: ").concat(colors.active.border, ";\n box-shadow: ").concat(colors.active.boxShadow, ";\n ").concat(colors.active.iconColor && "[data-icon] {\n color: ".concat(colors.active.iconColor, ";\n }"), "\n }"));
|
|
6016
6016
|
}, function (props) {
|
|
6017
|
-
return (0,
|
|
6017
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toButtonSize)(props.size);
|
|
6018
6018
|
});
|
|
6019
6019
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);
|
|
6020
6020
|
|
|
@@ -6136,9 +6136,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6136
6136
|
/* harmony import */ var prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_python__WEBPACK_IMPORTED_MODULE_16__);
|
|
6137
6137
|
/* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! prismjs/components/prism-json */ "./node_modules/prismjs/components/prism-json.js");
|
|
6138
6138
|
/* harmony import */ var prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(prismjs_components_prism_json__WEBPACK_IMPORTED_MODULE_17__);
|
|
6139
|
-
/* harmony import */ var
|
|
6140
|
-
/* harmony import */ var
|
|
6141
|
-
/* harmony import */ var
|
|
6139
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6140
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_18__);
|
|
6141
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
6142
6142
|
// LICENSE_CODE ZON
|
|
6143
6143
|
|
|
6144
6144
|
|
|
@@ -6175,14 +6175,14 @@ var Code = function Code(props) {
|
|
|
6175
6175
|
};
|
|
6176
6176
|
Code.displayName = 'Code';
|
|
6177
6177
|
Code.propTypes = {
|
|
6178
|
-
text: (
|
|
6178
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string),
|
|
6179
6179
|
// XXX davidg: config langs
|
|
6180
|
-
lang: (
|
|
6180
|
+
lang: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string)
|
|
6181
6181
|
};
|
|
6182
6182
|
var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().pre.withConfig({
|
|
6183
6183
|
displayName: "CodeWrapper",
|
|
6184
6184
|
componentId: "sc-1kleg7y-0"
|
|
6185
|
-
})(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;line-height:1.5;tab-size:4;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"],
|
|
6185
|
+
})(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;line-height:1.5;tab-size:4;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8, '' /* prism selectors below */);
|
|
6186
6186
|
|
|
6187
6187
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Code);
|
|
6188
6188
|
|
|
@@ -6203,11 +6203,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6203
6203
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
6204
6204
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
6205
6205
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
6206
|
-
/* harmony import */ var
|
|
6207
|
-
/* harmony import */ var
|
|
6208
|
-
/* harmony import */ var
|
|
6209
|
-
/* harmony import */ var
|
|
6210
|
-
/* harmony import */ var
|
|
6206
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6207
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
6208
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
6209
|
+
/* harmony import */ var _code_snippet__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./code_snippet */ "./src/code/code_snippet.js");
|
|
6210
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
6211
6211
|
// LICENSE_CODE ZON
|
|
6212
6212
|
|
|
6213
6213
|
|
|
@@ -6225,7 +6225,7 @@ var CodeBlock = function CodeBlock(props) {
|
|
|
6225
6225
|
max_height = props.max_height;
|
|
6226
6226
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockWrapper, {
|
|
6227
6227
|
"data-testid": "code_block"
|
|
6228
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, null, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
6228
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, null, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code_snippet__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
6229
6229
|
max_height: max_height,
|
|
6230
6230
|
lang: lang,
|
|
6231
6231
|
code: code
|
|
@@ -6236,23 +6236,23 @@ CodeBlock.defaultProps = {
|
|
|
6236
6236
|
max_height: '500px'
|
|
6237
6237
|
};
|
|
6238
6238
|
CodeBlock.propTypes = {
|
|
6239
|
-
header: (
|
|
6240
|
-
code: (
|
|
6241
|
-
lang: (
|
|
6242
|
-
max_height: (
|
|
6239
|
+
header: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
6240
|
+
code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
6241
|
+
lang: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
6242
|
+
max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
|
|
6243
6243
|
};
|
|
6244
6244
|
var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
6245
6245
|
displayName: "CodeBlockWrapper",
|
|
6246
6246
|
componentId: "sc-dgi5hi-0"
|
|
6247
|
-
})(["border-radius:4px;overflow:hidden;font-family:", ";font-size:", ";"],
|
|
6248
|
-
var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
6247
|
+
})(["border-radius:4px;overflow:hidden;font-family:", ";font-size:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].font_size.md);
|
|
6248
|
+
var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).attrs({
|
|
6249
6249
|
align_items: 'center',
|
|
6250
6250
|
justify_content: 'space-between',
|
|
6251
6251
|
padding: '0.9em 1em'
|
|
6252
6252
|
}).withConfig({
|
|
6253
6253
|
displayName: "CodeBlockHeader",
|
|
6254
6254
|
componentId: "sc-dgi5hi-1"
|
|
6255
|
-
})(["background-color:", ";color:", ";"],
|
|
6255
|
+
})(["background-color:", ";color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_8);
|
|
6256
6256
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CodeBlock);
|
|
6257
6257
|
|
|
6258
6258
|
/***/ }),
|
|
@@ -6272,11 +6272,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6272
6272
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
6273
6273
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
6274
6274
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
6275
|
-
/* harmony import */ var
|
|
6276
|
-
/* harmony import */ var
|
|
6277
|
-
/* harmony import */ var
|
|
6278
|
-
/* harmony import */ var
|
|
6279
|
-
/* harmony import */ var
|
|
6275
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6276
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
6277
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
6278
|
+
/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./code */ "./src/code/code.js");
|
|
6279
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
6280
6280
|
// LICENSE_CODE ZON
|
|
6281
6281
|
|
|
6282
6282
|
|
|
@@ -6293,26 +6293,26 @@ var CodeSnippet = function CodeSnippet(props) {
|
|
|
6293
6293
|
max_height = props.max_height;
|
|
6294
6294
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
|
|
6295
6295
|
max_height: max_height
|
|
6296
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
6296
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_code__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
6297
6297
|
lang: lang,
|
|
6298
6298
|
text: code
|
|
6299
6299
|
}));
|
|
6300
6300
|
};
|
|
6301
6301
|
CodeSnippet.propTypes = {
|
|
6302
|
-
code: (
|
|
6303
|
-
lang: (
|
|
6304
|
-
max_height: (
|
|
6302
|
+
code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
6303
|
+
lang: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
6304
|
+
max_height: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
|
|
6305
6305
|
};
|
|
6306
|
-
var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
6306
|
+
var CodeBlockBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).attrs({
|
|
6307
6307
|
align_items: 'flex-start',
|
|
6308
|
-
gap:
|
|
6308
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["03"],
|
|
6309
6309
|
min_height: '60px',
|
|
6310
|
-
padding: "".concat(
|
|
6311
|
-
padding_bottom: "".concat(
|
|
6310
|
+
padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["04"]),
|
|
6311
|
+
padding_bottom: "".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["05"])
|
|
6312
6312
|
}).withConfig({
|
|
6313
6313
|
displayName: "CodeBlockBody",
|
|
6314
6314
|
componentId: "sc-13u859f-0"
|
|
6315
|
-
})(["background-color:", ";overflow-y:auto;::-webkit-scrollbar{height:10px;width:10px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:10px;border:0 solid transparent;background-clip:content-box;}::-webkit-scrollbar-track-piece{background:", ";}position:relative;", ""],
|
|
6315
|
+
})(["background-color:", ";overflow-y:auto;::-webkit-scrollbar{height:10px;width:10px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:10px;border:0 solid transparent;background-clip:content-box;}::-webkit-scrollbar-track-piece{background:", ";}position:relative;", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_12, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_11_50, '' /* ${CodeBlockCopyBtn} {
|
|
6316
6316
|
position: sticky;
|
|
6317
6317
|
top: 0;
|
|
6318
6318
|
} */);
|
|
@@ -6369,13 +6369,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6369
6369
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
6370
6370
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
6371
6371
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
6372
|
-
/* harmony import */ var
|
|
6373
|
-
/* harmony import */ var
|
|
6374
|
-
/* harmony import */ var
|
|
6375
|
-
/* harmony import */ var
|
|
6376
|
-
/* harmony import */ var
|
|
6377
|
-
/* harmony import */ var
|
|
6378
|
-
/* harmony import */ var
|
|
6372
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6373
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
6374
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
6375
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
6376
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
6377
|
+
/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
|
|
6378
|
+
/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
|
|
6379
6379
|
// LICENSE_CODE ZON
|
|
6380
6380
|
|
|
6381
6381
|
|
|
@@ -6394,7 +6394,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
6394
6394
|
|
|
6395
6395
|
|
|
6396
6396
|
|
|
6397
|
-
var Label =
|
|
6397
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
6398
6398
|
var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
6399
6399
|
var text = props.text,
|
|
6400
6400
|
variant = props.variant,
|
|
@@ -6403,7 +6403,7 @@ var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
|
|
|
6403
6403
|
disabled = props.disabled,
|
|
6404
6404
|
onClick = props.onClick,
|
|
6405
6405
|
rest = _objectWithoutProperties(props, _excluded);
|
|
6406
|
-
var _getIconProps = (0,
|
|
6406
|
+
var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getIconProps)('Button', props),
|
|
6407
6407
|
isLeft = _getIconProps.isLeft,
|
|
6408
6408
|
iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
|
|
6409
6409
|
var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
@@ -6423,7 +6423,7 @@ var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
|
|
|
6423
6423
|
disabled: disabled,
|
|
6424
6424
|
onClick: onClick,
|
|
6425
6425
|
"data-testid": "combo_button_main"
|
|
6426
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
6426
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
|
|
6427
6427
|
variant: size == 'xs' ? 'sm' : 'lg',
|
|
6428
6428
|
no_wrap: true,
|
|
6429
6429
|
"data-label": true
|
|
@@ -6438,18 +6438,18 @@ ComboButton.defaultProps = {
|
|
|
6438
6438
|
size: 'sm'
|
|
6439
6439
|
};
|
|
6440
6440
|
ComboButton.propTypes = {
|
|
6441
|
-
text: (
|
|
6442
|
-
variant:
|
|
6443
|
-
size:
|
|
6444
|
-
icon:
|
|
6445
|
-
items:
|
|
6446
|
-
disabled: (
|
|
6441
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired),
|
|
6442
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
|
|
6443
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xs', 'sm', 'md', 'lg']),
|
|
6444
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames),
|
|
6445
|
+
items: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().any)).isRequired,
|
|
6446
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
|
|
6447
6447
|
};
|
|
6448
6448
|
var ComboButtonMenu = function ComboButtonMenu(props) {
|
|
6449
6449
|
var size = props.size,
|
|
6450
6450
|
items = props.items,
|
|
6451
6451
|
popover = props.popover;
|
|
6452
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
6452
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.Menu, {
|
|
6453
6453
|
size: size,
|
|
6454
6454
|
items: items,
|
|
6455
6455
|
onClick: popover.hide
|
|
@@ -6462,12 +6462,12 @@ var ArrowIcon = function ArrowIcon(props) {
|
|
|
6462
6462
|
onClick: popover.toggle
|
|
6463
6463
|
}, rest, {
|
|
6464
6464
|
"data-testid": "combo_button_menu_button"
|
|
6465
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
6465
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
6466
6466
|
name: "ChevronDown",
|
|
6467
6467
|
size: "xs"
|
|
6468
6468
|
}));
|
|
6469
6469
|
};
|
|
6470
|
-
var ComboButtonMenuTrigger = (0,
|
|
6470
|
+
var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_6__.withPopover)(ArrowIcon, ComboButtonMenu, {
|
|
6471
6471
|
placement: 'bottom-end'
|
|
6472
6472
|
});
|
|
6473
6473
|
var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
@@ -6482,12 +6482,12 @@ var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default
|
|
|
6482
6482
|
gap = 2;
|
|
6483
6483
|
paddingLeft = paddingRight = 8;
|
|
6484
6484
|
}
|
|
6485
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,
|
|
6485
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(paddingRight));
|
|
6486
6486
|
}, function (props) {
|
|
6487
|
-
var colors = (0,
|
|
6487
|
+
var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getButtonColors)(props);
|
|
6488
6488
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:", ";", "{color:", ";[data-icon]{color:", ";}}", "{border-left:", ";[data-icon]{color:", ";}}", " ", ""], colors.backColor, colors.border || '0 none', StyledButton, colors.color, colors.iconColor || colors.color, ComboButtonArrow, colors.border, colors.iconColor || colors.color, colors.hover && "\n ".concat(StyledButton, ":hover {\n background-color: ").concat(colors.hover.backColor, ";\n }\n ").concat(ComboButtonArrow, ":hover {\n background-color: ").concat(colors.hover.backColor, ";\n }\n "), colors.active && "&:active {\n background-color: ".concat(colors.active.backColor, ";\n border: ").concat(colors.active.border, ";\n box-shadow: ").concat(colors.active.boxShadow, ";\n ").concat(colors.active.iconColor && "[data-icon] {\n color: ".concat(colors.active.iconColor, ";\n }"), "\n }"));
|
|
6489
6489
|
}, function (props) {
|
|
6490
|
-
return (0,
|
|
6490
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toButtonSize)(props.size);
|
|
6491
6491
|
});
|
|
6492
6492
|
var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
|
|
6493
6493
|
displayName: "StyledButton",
|
|
@@ -6966,11 +6966,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6966
6966
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
6967
6967
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
6968
6968
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
6969
|
-
/* harmony import */ var
|
|
6970
|
-
/* harmony import */ var
|
|
6971
|
-
/* harmony import */ var
|
|
6972
|
-
/* harmony import */ var
|
|
6973
|
-
/* harmony import */ var
|
|
6969
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
6970
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
6971
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
|
|
6972
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
|
|
6973
|
+
/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
|
|
6974
6974
|
// LICENSE_CODE ZON
|
|
6975
6975
|
|
|
6976
6976
|
|
|
@@ -6983,7 +6983,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
6983
6983
|
|
|
6984
6984
|
var toIconSize = function toIconSize(size) {
|
|
6985
6985
|
var toSize = function toSize(value) {
|
|
6986
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["width:", ";height:", ";"], (0,
|
|
6986
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["width:", ";height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(value), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(value));
|
|
6987
6987
|
};
|
|
6988
6988
|
if (size == 'xl') return toSize(48);
|
|
6989
6989
|
if (size == 'lg') return toSize(32);
|
|
@@ -6997,14 +6997,14 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
|
|
|
6997
6997
|
size = props.size,
|
|
6998
6998
|
color = props.color,
|
|
6999
6999
|
className = props.className;
|
|
7000
|
-
var ic =
|
|
7000
|
+
var ic = _icons__WEBPACK_IMPORTED_MODULE_5__["default"][name];
|
|
7001
7001
|
if (!ic) return null;
|
|
7002
7002
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, {
|
|
7003
7003
|
ref: ref,
|
|
7004
7004
|
className: className,
|
|
7005
7005
|
size: size,
|
|
7006
7006
|
viewBox: ic.viewBox,
|
|
7007
|
-
color:
|
|
7007
|
+
color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color[color],
|
|
7008
7008
|
"data-icon": name
|
|
7009
7009
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
|
|
7010
7010
|
href: "#".concat(ic.id)
|
|
@@ -7015,9 +7015,9 @@ Icon.defaultProps = {
|
|
|
7015
7015
|
size: 'md'
|
|
7016
7016
|
};
|
|
7017
7017
|
Icon.propTypes = {
|
|
7018
|
-
name:
|
|
7019
|
-
color:
|
|
7020
|
-
size:
|
|
7018
|
+
name: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames).isRequired,
|
|
7019
|
+
color: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.colorNames),
|
|
7020
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xxs', 'xs', 'sm', 'md', 'lg', 'xl'])
|
|
7021
7021
|
};
|
|
7022
7022
|
var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.withConfig({
|
|
7023
7023
|
displayName: "StyledSvg",
|
|
@@ -7046,12 +7046,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7046
7046
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
7047
7047
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
7048
7048
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
7049
|
-
/* harmony import */ var
|
|
7050
|
-
/* harmony import */ var
|
|
7051
|
-
/* harmony import */ var
|
|
7052
|
-
/* harmony import */ var
|
|
7053
|
-
/* harmony import */ var
|
|
7054
|
-
/* harmony import */ var
|
|
7049
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7050
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
7051
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
|
|
7052
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
|
|
7053
|
+
/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
|
|
7054
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
|
|
7055
7055
|
// LICENSE_CODE ZON
|
|
7056
7056
|
|
|
7057
7057
|
|
|
@@ -7074,7 +7074,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
|
|
|
7074
7074
|
tooltip = props.tooltip,
|
|
7075
7075
|
tooltipPlacement = props.tooltipPlacement,
|
|
7076
7076
|
rest = _objectWithoutProperties(props, _excluded);
|
|
7077
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7077
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
7078
7078
|
tooltip: tooltip,
|
|
7079
7079
|
placement: tooltipPlacement
|
|
7080
7080
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, _extends({
|
|
@@ -7082,7 +7082,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
|
|
|
7082
7082
|
}, rest, {
|
|
7083
7083
|
variant: variant,
|
|
7084
7084
|
disabled: disabled
|
|
7085
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7085
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
7086
7086
|
name: icon,
|
|
7087
7087
|
size: "sm"
|
|
7088
7088
|
})));
|
|
@@ -7092,20 +7092,20 @@ IconButton.defaultProps = {
|
|
|
7092
7092
|
variant: 'icon-button'
|
|
7093
7093
|
};
|
|
7094
7094
|
IconButton.propTypes = {
|
|
7095
|
-
variant:
|
|
7096
|
-
icon:
|
|
7097
|
-
disabled: (
|
|
7098
|
-
tooltip: (
|
|
7099
|
-
tooltipPlacement:
|
|
7095
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['icon', 'icon-button', 'ghost']),
|
|
7096
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames).isRequired,
|
|
7097
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7098
|
+
tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
7099
|
+
tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.tooltipPlacements)
|
|
7100
7100
|
};
|
|
7101
7101
|
var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
|
|
7102
7102
|
displayName: "StyledIconButton",
|
|
7103
7103
|
componentId: "sc-114c1w5-0"
|
|
7104
7104
|
})(["display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;cursor:pointer;", " ", ""], function (props) {
|
|
7105
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:", ";[data-icon]{color:", ";}&:hover:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:active:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:disabled{border:", ";[data-icon]{color:", ";}cursor:not-allowed;}"],
|
|
7105
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:", ";[data-icon]{color:", ";}&:hover:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:active:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:disabled{border:", ";[data-icon]{color:", ";}cursor:not-allowed;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8), props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7);
|
|
7106
7106
|
}, function (props) {
|
|
7107
7107
|
var w = props.variant == 'icon' || props.variant == 'ghost' ? 24 : 36;
|
|
7108
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["width:", ";height:", ";"], (0,
|
|
7108
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["width:", ";height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(w), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(w));
|
|
7109
7109
|
});
|
|
7110
7110
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconButton);
|
|
7111
7111
|
|
|
@@ -7126,13 +7126,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7126
7126
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
7127
7127
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
7128
7128
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
7129
|
-
/* harmony import */ var
|
|
7130
|
-
/* harmony import */ var
|
|
7131
|
-
/* harmony import */ var
|
|
7132
|
-
/* harmony import */ var
|
|
7133
|
-
/* harmony import */ var
|
|
7134
|
-
/* harmony import */ var
|
|
7135
|
-
/* harmony import */ var
|
|
7129
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7130
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
7131
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
|
|
7132
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
|
|
7133
|
+
/* harmony import */ var _layout_flex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./layout/flex */ "./src/layout/flex.js");
|
|
7134
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
|
|
7135
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
|
|
7136
7136
|
// LICENSE_CODE ZON
|
|
7137
7137
|
|
|
7138
7138
|
|
|
@@ -7146,16 +7146,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
7146
7146
|
|
|
7147
7147
|
|
|
7148
7148
|
|
|
7149
|
-
var Label =
|
|
7150
|
-
var InfoChipWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
7149
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_6__["default"].Label;
|
|
7150
|
+
var InfoChipWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout_flex__WEBPACK_IMPORTED_MODULE_5__["default"]).attrs({
|
|
7151
7151
|
align_items: 'center',
|
|
7152
|
-
gap:
|
|
7153
|
-
padding: "".concat(
|
|
7152
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"],
|
|
7153
|
+
padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"])
|
|
7154
7154
|
}).withConfig({
|
|
7155
7155
|
displayName: "InfoChipWrapper",
|
|
7156
7156
|
componentId: "sc-qtbg7s-0"
|
|
7157
7157
|
})(["background-color:", ";border-radius:24px;width:fit-content;"], function (props) {
|
|
7158
|
-
return props.color &&
|
|
7158
|
+
return props.color && _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color[props.color];
|
|
7159
7159
|
});
|
|
7160
7160
|
var InfoChip = function InfoChip(props) {
|
|
7161
7161
|
var variant = props.variant,
|
|
@@ -7177,10 +7177,10 @@ var InfoChip = function InfoChip(props) {
|
|
|
7177
7177
|
info: 'blue_11'
|
|
7178
7178
|
};
|
|
7179
7179
|
var color = colors[variant] || colors["default"];
|
|
7180
|
-
var commonProps = (0,
|
|
7180
|
+
var commonProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(props);
|
|
7181
7181
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InfoChipWrapper, _extends({
|
|
7182
7182
|
color: bgColor
|
|
7183
|
-
}, commonProps), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7183
|
+
}, commonProps), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
7184
7184
|
size: "xxs",
|
|
7185
7185
|
color: color,
|
|
7186
7186
|
name: icon
|
|
@@ -7194,9 +7194,9 @@ InfoChip.defaultProps = {
|
|
|
7194
7194
|
variant: 'default'
|
|
7195
7195
|
};
|
|
7196
7196
|
InfoChip.propTypes = {
|
|
7197
|
-
variant:
|
|
7198
|
-
text: (
|
|
7199
|
-
icon:
|
|
7197
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['default', 'success', 'alert', 'warning', 'info']),
|
|
7198
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
7199
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames)
|
|
7200
7200
|
};
|
|
7201
7201
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoChip);
|
|
7202
7202
|
|
|
@@ -7217,12 +7217,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7217
7217
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
7218
7218
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
7219
7219
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
7220
|
-
/* harmony import */ var
|
|
7221
|
-
/* harmony import */ var
|
|
7222
|
-
/* harmony import */ var
|
|
7223
|
-
/* harmony import */ var
|
|
7224
|
-
/* harmony import */ var
|
|
7225
|
-
/* harmony import */ var
|
|
7220
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7221
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
7222
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
7223
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
7224
|
+
/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
|
|
7225
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
|
|
7226
7226
|
// LICENSE_CODE ZON
|
|
7227
7227
|
|
|
7228
7228
|
|
|
@@ -7238,7 +7238,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
7238
7238
|
|
|
7239
7239
|
|
|
7240
7240
|
|
|
7241
|
-
var Label =
|
|
7241
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_3__["default"].Label;
|
|
7242
7242
|
var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
7243
7243
|
var checked = props.checked,
|
|
7244
7244
|
onChange = props.onChange,
|
|
@@ -7249,14 +7249,14 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
|
|
|
7249
7249
|
indeterminate = props.indeterminate,
|
|
7250
7250
|
verticalAlign = props.verticalAlign,
|
|
7251
7251
|
rest = _objectWithoutProperties(props, _excluded);
|
|
7252
|
-
var labelId = (0,
|
|
7252
|
+
var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLabelId)(props.id);
|
|
7253
7253
|
var handleClick = function handleClick(evt) {
|
|
7254
7254
|
if (disabled) return;
|
|
7255
7255
|
onClick === null || onClick === void 0 ? void 0 : onClick(evt);
|
|
7256
7256
|
var newValue = !checked;
|
|
7257
7257
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue, evt);
|
|
7258
7258
|
};
|
|
7259
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7259
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
7260
7260
|
tooltip: tooltip
|
|
7261
7261
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CheckboxWrapper, _extends({
|
|
7262
7262
|
ref: ref
|
|
@@ -7278,12 +7278,12 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
|
|
|
7278
7278
|
});
|
|
7279
7279
|
Checkbox.displayName = 'Checkbox';
|
|
7280
7280
|
Checkbox.propTypes = {
|
|
7281
|
-
checked: (
|
|
7282
|
-
onChange: (
|
|
7283
|
-
label:
|
|
7284
|
-
disabled: (
|
|
7285
|
-
indeterminate: (
|
|
7286
|
-
verticalAlign:
|
|
7281
|
+
checked: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7282
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func.isRequired),
|
|
7283
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
|
|
7284
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7285
|
+
indeterminate: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7286
|
+
verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['top', 'middle', 'bottom'])
|
|
7287
7287
|
};
|
|
7288
7288
|
Checkbox.defaultProps = {
|
|
7289
7289
|
verticalAlign: 'top'
|
|
@@ -7291,7 +7291,7 @@ Checkbox.defaultProps = {
|
|
|
7291
7291
|
var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
7292
7292
|
displayName: "CheckboxWrapper",
|
|
7293
7293
|
componentId: "sc-623yyg-0"
|
|
7294
|
-
})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""],
|
|
7294
|
+
})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], function (props) {
|
|
7295
7295
|
return props.verticalAlign;
|
|
7296
7296
|
}, function (props) {
|
|
7297
7297
|
return props.disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["cursor:pointer;"]);
|
|
@@ -7305,14 +7305,14 @@ var CheckboxControl = styled_components__WEBPACK_IMPORTED_MODULE_1___default().d
|
|
|
7305
7305
|
indeterminate = props.indeterminate;
|
|
7306
7306
|
if (disabled) {
|
|
7307
7307
|
if (indeterminate || checked) {
|
|
7308
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";"],
|
|
7308
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_5, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_5);
|
|
7309
7309
|
}
|
|
7310
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";"],
|
|
7310
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_8, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white);
|
|
7311
7311
|
}
|
|
7312
7312
|
if (checked) {
|
|
7313
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";&:hover{border-color:", ";background-color:", ";}&:active{border-color:", ";background-color:", ";box-shadow:0 0 0 3px ", ";}"],
|
|
7313
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";&:hover{border-color:", ";background-color:", ";}&:active{border-color:", ";background-color:", ";box-shadow:0 0 0 3px ", ";}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_5);
|
|
7314
7314
|
}
|
|
7315
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";&:hover{border-color:", ";background-color:", ";}&:active{border-color:", ";background-color:", ";}"],
|
|
7315
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-color:", ";background-color:", ";&:hover{border-color:", ";background-color:", ";}&:active{border-color:", ";background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_10, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white);
|
|
7316
7316
|
}, function (props) {
|
|
7317
7317
|
return getBackgroundImage(props);
|
|
7318
7318
|
});
|
|
@@ -7320,7 +7320,7 @@ var getBackgroundImage = function getBackgroundImage(props) {
|
|
|
7320
7320
|
var checked = props.checked,
|
|
7321
7321
|
indeterminate = props.indeterminate,
|
|
7322
7322
|
disabled = props.disabled;
|
|
7323
|
-
var fill = encodeURIComponent(disabled ?
|
|
7323
|
+
var fill = encodeURIComponent(disabled ? _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_9 : checked ? _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11);
|
|
7324
7324
|
if (checked) return "url(\"data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.63803 5.42519L8.40556 0.645362C8.7608 0.289208 9.33772 0.289208 9.69296 0.645362C10.0469 1.00022 10.0469 1.57459 9.69296 1.92945L4.34605 7.29016C3.95532 7.6819 3.32075 7.6819 2.93002 7.29016L0.307079 4.66045C-0.0468663 4.30559 -0.0468661 3.73122 0.307079 3.37636C0.662317 3.02021 1.23924 3.02021 1.59448 3.37636L3.63803 5.42519Z' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
|
|
7325
7325
|
if (indeterminate) return "url(\"data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='2' rx='1' fill='".concat(fill, "'/%3E%3C/svg%3E%0A\")");
|
|
7326
7326
|
};
|
|
@@ -7341,16 +7341,16 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7341
7341
|
/* harmony export */ });
|
|
7342
7342
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
7343
7343
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
7344
|
-
/* harmony import */ var
|
|
7345
|
-
/* harmony import */ var
|
|
7346
|
-
/* harmony import */ var
|
|
7347
|
-
/* harmony import */ var
|
|
7348
|
-
/* harmony import */ var
|
|
7344
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7345
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
7346
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
7347
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
|
|
7348
|
+
/* harmony import */ var react_day_picker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-day-picker */ "./node_modules/react-day-picker/dist/index.esm.js");
|
|
7349
7349
|
/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
|
|
7350
|
-
/* harmony import */ var
|
|
7351
|
-
/* harmony import */ var
|
|
7352
|
-
/* harmony import */ var
|
|
7353
|
-
/* harmony import */ var
|
|
7350
|
+
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
|
|
7351
|
+
/* harmony import */ var _hoc_with_popover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hoc/with_popover */ "./src/hoc/with_popover.js");
|
|
7352
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
7353
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
7354
7354
|
// LICENSE_CODE ZON
|
|
7355
7355
|
|
|
7356
7356
|
|
|
@@ -7404,27 +7404,27 @@ DatePicker.defaultProps = {
|
|
|
7404
7404
|
isRange: false
|
|
7405
7405
|
};
|
|
7406
7406
|
DatePicker.propTypes = {
|
|
7407
|
-
value:
|
|
7408
|
-
format: (
|
|
7409
|
-
onChange: (
|
|
7410
|
-
onFocus: (
|
|
7411
|
-
onBlur: (
|
|
7412
|
-
placeholder: (
|
|
7413
|
-
disabled: (
|
|
7414
|
-
required: (
|
|
7415
|
-
invalid: (
|
|
7416
|
-
leftInnerContent: (
|
|
7417
|
-
leftOuterContent: (
|
|
7418
|
-
rightInnerContent: (
|
|
7419
|
-
rightOuterContent: (
|
|
7420
|
-
label:
|
|
7421
|
-
labelIcon: (
|
|
7422
|
-
helperText:
|
|
7423
|
-
size:
|
|
7424
|
-
disabledDays: (
|
|
7425
|
-
renderPopover: (
|
|
7426
|
-
isRange: (
|
|
7427
|
-
onOpenChange: (
|
|
7407
|
+
value: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), prop_types__WEBPACK_IMPORTED_MODULE_1___default().instanceOf(Date), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)]),
|
|
7408
|
+
format: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
7409
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7410
|
+
onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7411
|
+
onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7412
|
+
placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
7413
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7414
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7415
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7416
|
+
leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
7417
|
+
leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7418
|
+
rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
7419
|
+
rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7420
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
7421
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
7422
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
7423
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
|
|
7424
|
+
disabledDays: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
|
|
7425
|
+
renderPopover: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7426
|
+
isRange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7427
|
+
onOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
|
|
7428
7428
|
};
|
|
7429
7429
|
var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
7430
7430
|
var popover = props.popover,
|
|
@@ -7446,15 +7446,15 @@ var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
|
|
|
7446
7446
|
type: 'text',
|
|
7447
7447
|
readOnly: true
|
|
7448
7448
|
});
|
|
7449
|
-
var heightCalculationCallback = (0,
|
|
7450
|
-
var t = (0,
|
|
7451
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7449
|
+
var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_4__.useHeightCalculationCallback)(size);
|
|
7450
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslation)();
|
|
7451
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.FieldWrapper, _extends({}, props, {
|
|
7452
7452
|
ref: ref,
|
|
7453
7453
|
innerWrapper: innerWrapperRef,
|
|
7454
7454
|
heightCalculationCallback: heightCalculationCallback,
|
|
7455
7455
|
autoresize: false,
|
|
7456
7456
|
verticalAlign: "center",
|
|
7457
|
-
Field:
|
|
7457
|
+
Field: _shared__WEBPACK_IMPORTED_MODULE_4__.Field,
|
|
7458
7458
|
value: getDateText(props),
|
|
7459
7459
|
placeholder: t(placeholder),
|
|
7460
7460
|
inputProps: inputProps
|
|
@@ -7480,7 +7480,7 @@ var PickerPopover = function PickerPopover(props) {
|
|
|
7480
7480
|
e.preventDefault();
|
|
7481
7481
|
}
|
|
7482
7482
|
}, render({
|
|
7483
|
-
picker: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7483
|
+
picker: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_day_picker__WEBPACK_IMPORTED_MODULE_3__.DayPicker, _extends({}, rest, {
|
|
7484
7484
|
fixedWeeks: true,
|
|
7485
7485
|
onSelect: handleSelect
|
|
7486
7486
|
})),
|
|
@@ -7488,13 +7488,13 @@ var PickerPopover = function PickerPopover(props) {
|
|
|
7488
7488
|
}));
|
|
7489
7489
|
};
|
|
7490
7490
|
PickerPopover.displayName = 'PickerPopover';
|
|
7491
|
-
var Picker = (0,
|
|
7491
|
+
var Picker = (0,_hoc_with_popover__WEBPACK_IMPORTED_MODULE_5__["default"])(PickerField, PickerPopover, {
|
|
7492
7492
|
placement: 'bottom'
|
|
7493
7493
|
});
|
|
7494
|
-
var DayPickerWrapper =
|
|
7494
|
+
var DayPickerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
|
|
7495
7495
|
displayName: "DayPickerWrapper",
|
|
7496
7496
|
componentId: "sc-1gurvxq-0"
|
|
7497
|
-
})(["margin:0;padding:4px 0;box-sizing:border-box;background:white;border-radius:4px;box-shadow:", ";.rdp-months{display:flex;}.rdp-caption{display:flex;flex-direction:row;align-items:center;padding:8px 12px;gap:10px;}.rdp-caption_start:not(.rdp-caption_end){border-right:1px solid ", ";.rdp-caption{flex-direction:row-reverse;}}.rdp-caption_label{width:100%;text-align:center;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-nav{display:flex;flex-direction:row;gap:10px;}.rdp-nav_button{display:flex;align-items:center;justify-content:center;border:0 none;border-radius:4px;cursor:pointer;width:20px;height:20px;background-color:", ";.rdp-nav_icon{color:", ";}&:hover:not(:disabled){background-color:", ";}&:active:not(:disabled){background-color:", ";.rdp-nav_icon{color:", ";}}&:disabled{.rdp-nav_icon{color:", ";}cursor:not-allowed;}}.rdp-table{padding:8px 12px;border-collapse:separate;}.rdp-head_cell{width:32px;height:32px;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-cell{.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:24px;border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}&.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";}}}}"],
|
|
7497
|
+
})(["margin:0;padding:4px 0;box-sizing:border-box;background:white;border-radius:4px;box-shadow:", ";.rdp-months{display:flex;}.rdp-caption{display:flex;flex-direction:row;align-items:center;padding:8px 12px;gap:10px;}.rdp-caption_start:not(.rdp-caption_end){border-right:1px solid ", ";.rdp-caption{flex-direction:row-reverse;}}.rdp-caption_label{width:100%;text-align:center;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-nav{display:flex;flex-direction:row;gap:10px;}.rdp-nav_button{display:flex;align-items:center;justify-content:center;border:0 none;border-radius:4px;cursor:pointer;width:20px;height:20px;background-color:", ";.rdp-nav_icon{color:", ";}&:hover:not(:disabled){background-color:", ";}&:active:not(:disabled){background-color:", ";.rdp-nav_icon{color:", ";}}&:disabled{.rdp-nav_icon{color:", ";}cursor:not-allowed;}}.rdp-table{padding:8px 12px;border-collapse:separate;}.rdp-head_cell{width:32px;height:32px;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-cell{.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:24px;border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}&.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";}}}}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].box_shadow.md, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50);
|
|
7498
7498
|
var getDateText = function getDateText(props) {
|
|
7499
7499
|
var value = props.value,
|
|
7500
7500
|
placeholder = props.placeholder,
|
|
@@ -7546,17 +7546,17 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7546
7546
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
|
|
7547
7547
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
7548
7548
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
7549
|
-
/* harmony import */ var
|
|
7550
|
-
/* harmony import */ var
|
|
7551
|
-
/* harmony import */ var
|
|
7552
|
-
/* harmony import */ var
|
|
7553
|
-
/* harmony import */ var
|
|
7554
|
-
/* harmony import */ var
|
|
7555
|
-
/* harmony import */ var
|
|
7556
|
-
/* harmony import */ var
|
|
7557
|
-
/* harmony import */ var
|
|
7558
|
-
/* harmony import */ var
|
|
7559
|
-
/* harmony import */ var
|
|
7549
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7550
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
7551
|
+
/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
|
|
7552
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
7553
|
+
/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
|
|
7554
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
7555
|
+
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
|
|
7556
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
|
|
7557
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
7558
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
7559
|
+
/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
|
|
7560
7560
|
// LICENSE_CODE ZON
|
|
7561
7561
|
|
|
7562
7562
|
|
|
@@ -7583,7 +7583,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
7583
7583
|
|
|
7584
7584
|
|
|
7585
7585
|
|
|
7586
|
-
var Item =
|
|
7586
|
+
var Item = _menu__WEBPACK_IMPORTED_MODULE_4__.Menu.Item;
|
|
7587
7587
|
var _StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(Item).withConfig({
|
|
7588
7588
|
displayName: "_StyledItem",
|
|
7589
7589
|
componentId: "sc-1clfzmr-0"
|
|
@@ -7611,17 +7611,17 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
|
|
|
7611
7611
|
classNamePrefix = props.classNamePrefix,
|
|
7612
7612
|
menuPortalTarget = props.menuPortalTarget,
|
|
7613
7613
|
rest = _objectWithoutProperties(props, _excluded);
|
|
7614
|
-
var labelId = (0,
|
|
7615
|
-
var t = (0,
|
|
7614
|
+
var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_7__.useLabelId)(props.id);
|
|
7615
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslation)();
|
|
7616
7616
|
var styles = useCustomStyles(size);
|
|
7617
|
-
var SelectComp = creatable ?
|
|
7618
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
7617
|
+
var SelectComp = creatable ? react_select__WEBPACK_IMPORTED_MODULE_11__["default"].Creatable : react_select__WEBPACK_IMPORTED_MODULE_11__["default"];
|
|
7618
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, _extends({
|
|
7619
7619
|
ref: ref,
|
|
7620
7620
|
"data-testid": "dropdown"
|
|
7621
7621
|
}, rest, {
|
|
7622
7622
|
flex_direction: "column",
|
|
7623
|
-
gap:
|
|
7624
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
7623
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"]
|
|
7624
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_6__.InputLabel, {
|
|
7625
7625
|
id: labelId,
|
|
7626
7626
|
label: label,
|
|
7627
7627
|
labelIcon: labelIcon,
|
|
@@ -7651,30 +7651,30 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
|
|
|
7651
7651
|
},
|
|
7652
7652
|
classNamePrefix: classNamePrefix,
|
|
7653
7653
|
menuPortalTarget: menuPortalTarget
|
|
7654
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
7654
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_6__.HelperText, {
|
|
7655
7655
|
invalid: invalid
|
|
7656
7656
|
}, helperText));
|
|
7657
7657
|
});
|
|
7658
7658
|
Dropdown.displayName = 'Dropdown';
|
|
7659
7659
|
Dropdown.propTypes = {
|
|
7660
|
-
value: (
|
|
7661
|
-
defaultValue: (
|
|
7662
|
-
onChange: (
|
|
7663
|
-
onFocus: (
|
|
7664
|
-
onBlur: (
|
|
7665
|
-
placeholder: (
|
|
7666
|
-
disabled: (
|
|
7667
|
-
required: (
|
|
7668
|
-
invalid: (
|
|
7669
|
-
label:
|
|
7670
|
-
labelIcon: (
|
|
7671
|
-
helperText:
|
|
7672
|
-
size:
|
|
7673
|
-
options:
|
|
7674
|
-
multiselect: (
|
|
7675
|
-
clearable: (
|
|
7676
|
-
creatable: (
|
|
7677
|
-
classNamePrefix: (
|
|
7660
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().any),
|
|
7661
|
+
defaultValue: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().any),
|
|
7662
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
7663
|
+
onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
7664
|
+
onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
7665
|
+
placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
7666
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7667
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7668
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7669
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
|
|
7670
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
7671
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
|
|
7672
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md', 'lg']),
|
|
7673
|
+
options: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().any)).isRequired,
|
|
7674
|
+
multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7675
|
+
clearable: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7676
|
+
creatable: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
7677
|
+
classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
|
|
7678
7678
|
};
|
|
7679
7679
|
Dropdown.defaultProps = {
|
|
7680
7680
|
size: 'sm',
|
|
@@ -7685,14 +7685,14 @@ var DropdownIndicator = function DropdownIndicator(props) {
|
|
|
7685
7685
|
innerRef = props.innerRef,
|
|
7686
7686
|
innerProps = props.innerProps,
|
|
7687
7687
|
isDisabled = props.isDisabled;
|
|
7688
|
-
var ic =
|
|
7688
|
+
var ic = _icons__WEBPACK_IMPORTED_MODULE_10__["default"][selectProps.menuIsOpen ? 'ChevronUp' : 'ChevronDown'];
|
|
7689
7689
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("svg", _extends({
|
|
7690
7690
|
ref: innerRef,
|
|
7691
7691
|
width: "18px",
|
|
7692
7692
|
height: "18px",
|
|
7693
7693
|
viewBox: ic.viewBox,
|
|
7694
7694
|
style: {
|
|
7695
|
-
color:
|
|
7695
|
+
color: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_9,
|
|
7696
7696
|
cursor: isDisabled ? 'default' : 'pointer'
|
|
7697
7697
|
}
|
|
7698
7698
|
}, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("use", {
|
|
@@ -7703,14 +7703,14 @@ DropdownIndicator.displayName = 'DropdownIndicator';
|
|
|
7703
7703
|
var ClearIndicator = function ClearIndicator(props) {
|
|
7704
7704
|
var innerRef = props.innerRef,
|
|
7705
7705
|
innerProps = props.innerProps;
|
|
7706
|
-
var ic =
|
|
7706
|
+
var ic = _icons__WEBPACK_IMPORTED_MODULE_10__["default"].CloseSmall;
|
|
7707
7707
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("svg", _extends({
|
|
7708
7708
|
ref: innerRef,
|
|
7709
7709
|
width: "18px",
|
|
7710
7710
|
height: "18px",
|
|
7711
7711
|
viewBox: ic.viewBox,
|
|
7712
7712
|
style: {
|
|
7713
|
-
color:
|
|
7713
|
+
color: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_9,
|
|
7714
7714
|
cursor: 'pointer'
|
|
7715
7715
|
}
|
|
7716
7716
|
}, innerProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("use", {
|
|
@@ -7752,25 +7752,25 @@ var useCustomStyles = function useCustomStyles(size) {
|
|
|
7752
7752
|
md: 40,
|
|
7753
7753
|
lg: 48
|
|
7754
7754
|
};
|
|
7755
|
-
var borderColor =
|
|
7756
|
-
var color =
|
|
7757
|
-
var backgroundColor =
|
|
7755
|
+
var borderColor = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7;
|
|
7756
|
+
var color = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50;
|
|
7757
|
+
var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white;
|
|
7758
7758
|
var cursor = 'text';
|
|
7759
7759
|
if (state.isDisabled) {
|
|
7760
|
-
color =
|
|
7761
|
-
borderColor =
|
|
7762
|
-
backgroundColor =
|
|
7760
|
+
color = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_9;
|
|
7761
|
+
borderColor = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6;
|
|
7762
|
+
backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2;
|
|
7763
7763
|
cursor = 'default';
|
|
7764
|
-
} else if (state.selectProps['aria-invalid']) borderColor =
|
|
7764
|
+
} else if (state.selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.red_11;else if (state.isFocused) borderColor = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11;
|
|
7765
7765
|
return _objectSpread(_objectSpread({}, baseStyles), {}, {
|
|
7766
|
-
minHeight: (0,
|
|
7767
|
-
padding: "".concat(
|
|
7766
|
+
minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(height[size] || height.sm),
|
|
7767
|
+
padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_6__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_6__.inputHorizontalPadding, "px"),
|
|
7768
7768
|
/* Label/sm */
|
|
7769
|
-
fontFamily:
|
|
7769
|
+
fontFamily: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_family.sans,
|
|
7770
7770
|
fontStyle: 'normal',
|
|
7771
|
-
fontWeight:
|
|
7772
|
-
fontSize:
|
|
7773
|
-
lineHeight:
|
|
7771
|
+
fontWeight: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.regular,
|
|
7772
|
+
fontSize: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_size.sm,
|
|
7773
|
+
lineHeight: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].line_height.none,
|
|
7774
7774
|
color: color,
|
|
7775
7775
|
backgroundColor: backgroundColor,
|
|
7776
7776
|
borderColor: borderColor,
|
|
@@ -7785,12 +7785,12 @@ var useCustomStyles = function useCustomStyles(size) {
|
|
|
7785
7785
|
},
|
|
7786
7786
|
placeholder: function placeholder(baseStyles) {
|
|
7787
7787
|
return _objectSpread(_objectSpread({}, baseStyles), {}, {
|
|
7788
|
-
color:
|
|
7788
|
+
color: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11
|
|
7789
7789
|
});
|
|
7790
7790
|
},
|
|
7791
7791
|
indicatorsContainer: function indicatorsContainer(baseStyles) {
|
|
7792
7792
|
return _objectSpread(_objectSpread({}, baseStyles), {}, {
|
|
7793
|
-
gap:
|
|
7793
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["03"],
|
|
7794
7794
|
height: '24px'
|
|
7795
7795
|
});
|
|
7796
7796
|
},
|
|
@@ -7801,16 +7801,16 @@ var useCustomStyles = function useCustomStyles(size) {
|
|
|
7801
7801
|
boxSizing: 'border-box',
|
|
7802
7802
|
minWidth: '168px',
|
|
7803
7803
|
maxWidth: '540px',
|
|
7804
|
-
background:
|
|
7804
|
+
background: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white,
|
|
7805
7805
|
borderRadius: '4px',
|
|
7806
|
-
boxShadow:
|
|
7806
|
+
boxShadow: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].box_shadow.md
|
|
7807
7807
|
});
|
|
7808
7808
|
},
|
|
7809
7809
|
menuList: function menuList(baseStyles) {
|
|
7810
7810
|
return _objectSpread(_objectSpread({}, baseStyles), {}, {
|
|
7811
7811
|
display: 'flex',
|
|
7812
7812
|
flexDirection: 'column',
|
|
7813
|
-
gap:
|
|
7813
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["01"]
|
|
7814
7814
|
});
|
|
7815
7815
|
}
|
|
7816
7816
|
};
|
|
@@ -7877,13 +7877,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7877
7877
|
/* harmony export */ });
|
|
7878
7878
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
7879
7879
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
7880
|
-
/* harmony import */ var
|
|
7881
|
-
/* harmony import */ var
|
|
7882
|
-
/* harmony import */ var
|
|
7883
|
-
/* harmony import */ var
|
|
7884
|
-
/* harmony import */ var
|
|
7885
|
-
/* harmony import */ var
|
|
7886
|
-
/* harmony import */ var
|
|
7880
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7881
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
7882
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
7883
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
|
|
7884
|
+
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
|
|
7885
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
7886
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
7887
7887
|
// LICENSE_CODE ZON
|
|
7888
7888
|
|
|
7889
7889
|
|
|
@@ -7913,10 +7913,10 @@ var Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRe
|
|
|
7913
7913
|
'md': 40,
|
|
7914
7914
|
'lg': 48
|
|
7915
7915
|
};
|
|
7916
|
-
return (0,
|
|
7916
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(sizes[size] || sizes.sm));
|
|
7917
7917
|
}, [size]);
|
|
7918
|
-
var t = (0,
|
|
7919
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
7918
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslation)();
|
|
7919
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.FieldWrapper, _extends({
|
|
7920
7920
|
ref: ref
|
|
7921
7921
|
}, props, {
|
|
7922
7922
|
autoresize: false,
|
|
@@ -7937,27 +7937,27 @@ Number.defaultProps = {
|
|
|
7937
7937
|
};
|
|
7938
7938
|
Number.displayName = 'Number';
|
|
7939
7939
|
Number.propTypes = {
|
|
7940
|
-
value:
|
|
7941
|
-
step: (
|
|
7942
|
-
minValue: (
|
|
7943
|
-
maxValue: (
|
|
7944
|
-
onChange: (
|
|
7945
|
-
onFocus: (
|
|
7946
|
-
onBlur: (
|
|
7947
|
-
placeholder: (
|
|
7948
|
-
disabled: (
|
|
7949
|
-
required: (
|
|
7950
|
-
invalid: (
|
|
7951
|
-
leftInnerContent: (
|
|
7952
|
-
leftOuterContent: (
|
|
7953
|
-
rightInnerContent: (
|
|
7954
|
-
rightOuterContent: (
|
|
7955
|
-
label:
|
|
7956
|
-
labelIcon: (
|
|
7957
|
-
helperText:
|
|
7958
|
-
size:
|
|
7959
|
-
};
|
|
7960
|
-
var NumberField =
|
|
7940
|
+
value: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)]),
|
|
7941
|
+
step: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
|
|
7942
|
+
minValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
|
|
7943
|
+
maxValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
|
|
7944
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7945
|
+
onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7946
|
+
onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7947
|
+
placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
7948
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7949
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7950
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
7951
|
+
leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
7952
|
+
leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7953
|
+
rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
7954
|
+
rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
7955
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
7956
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
7957
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
7958
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg'])
|
|
7959
|
+
};
|
|
7960
|
+
var NumberField = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.attrs({
|
|
7961
7961
|
type: 'number'
|
|
7962
7962
|
}).withConfig({
|
|
7963
7963
|
displayName: "NumberField",
|
|
@@ -7980,17 +7980,17 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
7980
7980
|
/* harmony export */ });
|
|
7981
7981
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
7982
7982
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
7983
|
-
/* harmony import */ var
|
|
7984
|
-
/* harmony import */ var
|
|
7985
|
-
/* harmony import */ var
|
|
7986
|
-
/* harmony import */ var
|
|
7987
|
-
/* harmony import */ var
|
|
7988
|
-
/* harmony import */ var
|
|
7989
|
-
/* harmony import */ var
|
|
7990
|
-
/* harmony import */ var
|
|
7991
|
-
/* harmony import */ var
|
|
7992
|
-
/* harmony import */ var
|
|
7993
|
-
/* harmony import */ var
|
|
7983
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
7984
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
7985
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
7986
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
|
|
7987
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
|
|
7988
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
7989
|
+
/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
|
|
7990
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
7991
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
7992
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
7993
|
+
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
|
|
7994
7994
|
// LICENSE_CODE ZON
|
|
7995
7995
|
|
|
7996
7996
|
|
|
@@ -8010,7 +8010,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
8010
8010
|
|
|
8011
8011
|
|
|
8012
8012
|
|
|
8013
|
-
var Label =
|
|
8013
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_7__["default"].Label;
|
|
8014
8014
|
var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
8015
8015
|
var value = props.value,
|
|
8016
8016
|
onChange = props.onChange,
|
|
@@ -8024,23 +8024,23 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
|
|
|
8024
8024
|
invalid = props.invalid,
|
|
8025
8025
|
required = props.required,
|
|
8026
8026
|
rest = _objectWithoutProperties(props, _excluded);
|
|
8027
|
-
var labelId = (0,
|
|
8027
|
+
var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
|
|
8028
8028
|
var handleChange = function handleChange(val, opt, evt) {
|
|
8029
8029
|
if (!disabled) onChange === null || onChange === void 0 ? void 0 : onChange(val, opt, evt);
|
|
8030
8030
|
};
|
|
8031
8031
|
if (!(options !== null && options !== void 0 && options.length)) return null;
|
|
8032
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8032
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, {
|
|
8033
8033
|
flex_direction: "column",
|
|
8034
|
-
gap:
|
|
8035
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8034
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"]
|
|
8035
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
|
|
8036
8036
|
id: labelId,
|
|
8037
8037
|
label: label,
|
|
8038
8038
|
labelIcon: labelIcon,
|
|
8039
8039
|
required: required,
|
|
8040
8040
|
variant: "lg"
|
|
8041
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8041
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
|
|
8042
8042
|
ref: ref,
|
|
8043
|
-
gap:
|
|
8043
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["05"],
|
|
8044
8044
|
flex_direction: variant
|
|
8045
8045
|
}, rest, {
|
|
8046
8046
|
role: "radiogroup",
|
|
@@ -8055,26 +8055,26 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
|
|
|
8055
8055
|
disabled: disabled || opt.disabled,
|
|
8056
8056
|
size: size
|
|
8057
8057
|
}));
|
|
8058
|
-
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8058
|
+
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
|
|
8059
8059
|
invalid: invalid
|
|
8060
8060
|
}, helperText));
|
|
8061
8061
|
});
|
|
8062
8062
|
RadioGroup.displayName = 'RadioGroup';
|
|
8063
8063
|
RadioGroup.propTypes = {
|
|
8064
|
-
variant:
|
|
8065
|
-
value: (
|
|
8066
|
-
onChange: (
|
|
8067
|
-
disabled: (
|
|
8068
|
-
required: (
|
|
8069
|
-
invalid: (
|
|
8070
|
-
label:
|
|
8071
|
-
labelIcon: (
|
|
8072
|
-
helperText:
|
|
8073
|
-
size:
|
|
8074
|
-
options:
|
|
8075
|
-
value: (
|
|
8076
|
-
label:
|
|
8077
|
-
disabled: (
|
|
8064
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['row', 'column']),
|
|
8065
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
|
|
8066
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8067
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8068
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8069
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8070
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8071
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8072
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8073
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md']),
|
|
8074
|
+
options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
|
|
8075
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
|
|
8076
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8077
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
8078
8078
|
}))
|
|
8079
8079
|
};
|
|
8080
8080
|
RadioGroup.defaultProps = {
|
|
@@ -8091,11 +8091,11 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
|
|
|
8091
8091
|
tooltip = props.tooltip,
|
|
8092
8092
|
verticalAlign = props.verticalAlign,
|
|
8093
8093
|
rest = _objectWithoutProperties(props, _excluded2);
|
|
8094
|
-
var labelId = (0,
|
|
8094
|
+
var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
|
|
8095
8095
|
var handleClick = function handleClick(evt) {
|
|
8096
8096
|
if (!disabled) onClick === null || onClick === void 0 ? void 0 : onClick(value, evt);
|
|
8097
8097
|
};
|
|
8098
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8098
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
8099
8099
|
tooltip: tooltip
|
|
8100
8100
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RadioWrapper, _extends({
|
|
8101
8101
|
ref: ref
|
|
@@ -8119,32 +8119,32 @@ var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
|
|
|
8119
8119
|
});
|
|
8120
8120
|
Radio.displayName = 'Radio';
|
|
8121
8121
|
Radio.propTypes = {
|
|
8122
|
-
value: (
|
|
8123
|
-
checked: (
|
|
8124
|
-
onClick: (
|
|
8125
|
-
label:
|
|
8126
|
-
disabled: (
|
|
8127
|
-
verticalAlign:
|
|
8128
|
-
size:
|
|
8122
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
|
|
8123
|
+
checked: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8124
|
+
onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8125
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8126
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8127
|
+
verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['top', 'middle', 'bottom']),
|
|
8128
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md'])
|
|
8129
8129
|
};
|
|
8130
8130
|
Radio.defaultProps = {
|
|
8131
8131
|
verticalAlign: 'top',
|
|
8132
8132
|
size: 'md'
|
|
8133
8133
|
};
|
|
8134
|
-
var RadioWrapper =
|
|
8134
|
+
var RadioWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
|
|
8135
8135
|
displayName: "RadioWrapper",
|
|
8136
8136
|
componentId: "sc-10oi3py-0"
|
|
8137
|
-
})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""],
|
|
8137
|
+
})(["display:inline-flex;align-items:center;gap:", ";vertical-align:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], function (props) {
|
|
8138
8138
|
return props.verticalAlign;
|
|
8139
8139
|
}, function (props) {
|
|
8140
|
-
return props.disabled ? undefined : (0,
|
|
8140
|
+
return props.disabled ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:pointer;"]);
|
|
8141
8141
|
});
|
|
8142
|
-
var RadioControl =
|
|
8142
|
+
var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
|
|
8143
8143
|
displayName: "RadioControl",
|
|
8144
8144
|
componentId: "sc-10oi3py-1"
|
|
8145
8145
|
})(["display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px solid;border-radius:50%;", " &:after{content:'';border-radius:50%;}", ""], function (props) {
|
|
8146
8146
|
var s = props.size == 'sm' ? 16 : 20;
|
|
8147
|
-
return (0,
|
|
8147
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-width:", ";max-width:", ";height:", ";&:after{width:", ";height:", ";}"], (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s / 2), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(s / 2));
|
|
8148
8148
|
}, function (props) {
|
|
8149
8149
|
var checked = props.checked,
|
|
8150
8150
|
disabled = props.disabled;
|
|
@@ -8153,29 +8153,29 @@ var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.
|
|
|
8153
8153
|
var backgroundColor, hoverBackgroundColor, activeBackgroundColor;
|
|
8154
8154
|
var beforeColor, hoverBeforeColor, activeBeforeColor;
|
|
8155
8155
|
if (disabled) {
|
|
8156
|
-
borderColor = hoverBorderColor = activeBorderColor =
|
|
8157
|
-
backgroundColor = hoverBackgroundColor = activeBackgroundColor =
|
|
8156
|
+
borderColor = hoverBorderColor = activeBorderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_8;
|
|
8157
|
+
backgroundColor = hoverBackgroundColor = activeBackgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white;
|
|
8158
8158
|
if (checked) {
|
|
8159
|
-
beforeColor = hoverBeforeColor = activeBeforeColor =
|
|
8159
|
+
beforeColor = hoverBeforeColor = activeBeforeColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_6;
|
|
8160
8160
|
}
|
|
8161
8161
|
} else {
|
|
8162
8162
|
if (checked) {
|
|
8163
|
-
borderColor = activeBorderColor =
|
|
8164
|
-
backgroundColor = hoverBackgroundColor = activeBackgroundColor =
|
|
8165
|
-
beforeColor = activeBeforeColor =
|
|
8166
|
-
hoverBorderColor =
|
|
8167
|
-
hoverBackgroundColor =
|
|
8168
|
-
hoverBeforeColor =
|
|
8169
|
-
activeOutlineColor =
|
|
8163
|
+
borderColor = activeBorderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11;
|
|
8164
|
+
backgroundColor = hoverBackgroundColor = activeBackgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white;
|
|
8165
|
+
beforeColor = activeBeforeColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11;
|
|
8166
|
+
hoverBorderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_10;
|
|
8167
|
+
hoverBackgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white;
|
|
8168
|
+
hoverBeforeColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_10;
|
|
8169
|
+
activeOutlineColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_5;
|
|
8170
8170
|
} else {
|
|
8171
|
-
borderColor =
|
|
8172
|
-
backgroundColor = activeBackgroundColor =
|
|
8173
|
-
hoverBorderColor =
|
|
8174
|
-
hoverBackgroundColor =
|
|
8175
|
-
activeBorderColor =
|
|
8171
|
+
borderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_9;
|
|
8172
|
+
backgroundColor = activeBackgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white;
|
|
8173
|
+
hoverBorderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_10;
|
|
8174
|
+
hoverBackgroundColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3;
|
|
8175
|
+
activeBorderColor = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11;
|
|
8176
8176
|
}
|
|
8177
8177
|
}
|
|
8178
|
-
return (0,
|
|
8178
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-color:", ";background-color:", ";&:after{background-color:", ";}&:hover{border-color:", ";background-color:", ";}&:hover:after{background-color:", ";}&:active{border-color:", ";background-color:", ";", "}&:active:after{background-color:", ";}"], borderColor, backgroundColor, beforeColor, hoverBorderColor, hoverBackgroundColor, hoverBeforeColor, activeBorderColor, activeBackgroundColor, activeOutlineColor && "box-shadow: 0 0 0 3px ".concat(activeOutlineColor, ";"), activeBeforeColor);
|
|
8179
8179
|
});
|
|
8180
8180
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RadioGroup);
|
|
8181
8181
|
|
|
@@ -8202,15 +8202,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8202
8202
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
8203
8203
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
8204
8204
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
8205
|
-
/* harmony import */ var
|
|
8206
|
-
/* harmony import */ var
|
|
8207
|
-
/* harmony import */ var
|
|
8208
|
-
/* harmony import */ var
|
|
8209
|
-
/* harmony import */ var
|
|
8210
|
-
/* harmony import */ var
|
|
8211
|
-
/* harmony import */ var
|
|
8212
|
-
/* harmony import */ var
|
|
8213
|
-
/* harmony import */ var
|
|
8205
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
8206
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
8207
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
8208
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
8209
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
8210
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
8211
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
|
|
8212
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
8213
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
8214
8214
|
// LICENSE_CODE ZON
|
|
8215
8215
|
|
|
8216
8216
|
|
|
@@ -8232,8 +8232,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
8232
8232
|
|
|
8233
8233
|
|
|
8234
8234
|
|
|
8235
|
-
var Flex =
|
|
8236
|
-
var Label =
|
|
8235
|
+
var Flex = _layout__WEBPACK_IMPORTED_MODULE_3__["default"].Flex;
|
|
8236
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
8237
8237
|
var inputVerticalPadding = 4;
|
|
8238
8238
|
var inputHorizontalPadding = 12;
|
|
8239
8239
|
var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
@@ -8276,7 +8276,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().for
|
|
|
8276
8276
|
// XXX vadimv: hack to autoresize textarea
|
|
8277
8277
|
if (autoresize) {
|
|
8278
8278
|
field.current.style.height = 0;
|
|
8279
|
-
field.current.style.height = (0,
|
|
8279
|
+
field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(field.current.scrollHeight);
|
|
8280
8280
|
}
|
|
8281
8281
|
}, [onChange]);
|
|
8282
8282
|
var onWrapperClick = function onWrapperClick() {
|
|
@@ -8287,10 +8287,10 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().for
|
|
|
8287
8287
|
var _field$current2;
|
|
8288
8288
|
if (autofocus) field === null || field === void 0 ? void 0 : (_field$current2 = field.current) === null || _field$current2 === void 0 ? void 0 : _field$current2.focus();
|
|
8289
8289
|
}, []);
|
|
8290
|
-
var labelId = (0,
|
|
8290
|
+
var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_7__.useLabelId)(props.id);
|
|
8291
8291
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Flex, _extends({
|
|
8292
8292
|
ref: ref
|
|
8293
|
-
}, (0,
|
|
8293
|
+
}, (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(props), {
|
|
8294
8294
|
flex_direction: "column",
|
|
8295
8295
|
gap: "4px"
|
|
8296
8296
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InputLabel, {
|
|
@@ -8328,40 +8328,40 @@ FieldWrapper.defaultProps = {
|
|
|
8328
8328
|
size: 'md'
|
|
8329
8329
|
};
|
|
8330
8330
|
FieldWrapper.propTypes = {
|
|
8331
|
-
value: (
|
|
8332
|
-
onChange: (
|
|
8333
|
-
onFocus: (
|
|
8334
|
-
onBlur: (
|
|
8335
|
-
placeholder: (
|
|
8336
|
-
disabled: (
|
|
8337
|
-
invalid: (
|
|
8338
|
-
leftInnerContent: (
|
|
8339
|
-
leftOuterContent: (
|
|
8340
|
-
rightInnerContent: (
|
|
8341
|
-
rightOuterContent: (
|
|
8342
|
-
label:
|
|
8343
|
-
helperText:
|
|
8344
|
-
inputProps: (
|
|
8345
|
-
Field: (
|
|
8331
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().any),
|
|
8332
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
8333
|
+
onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
8334
|
+
onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
8335
|
+
placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
8336
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
8337
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
8338
|
+
leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
8339
|
+
leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
8340
|
+
rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
8341
|
+
rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
8342
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
|
|
8343
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
|
|
8344
|
+
inputProps: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
|
|
8345
|
+
Field: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().elementType)
|
|
8346
8346
|
};
|
|
8347
8347
|
FieldWrapper.displayName = 'FieldWrapper';
|
|
8348
8348
|
var Field = styled_components__WEBPACK_IMPORTED_MODULE_1___default().input.withConfig({
|
|
8349
8349
|
displayName: "Field",
|
|
8350
8350
|
componentId: "sc-r60v1b-0"
|
|
8351
|
-
})(["padding:0;outline:none;border:0;flex-grow:1;background:inherit;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";::placeholder{color:", ";}"],
|
|
8351
|
+
})(["padding:0;outline:none;border:0;flex-grow:1;background:inherit;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";::placeholder{color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8);
|
|
8352
8352
|
var InputLabel = function InputLabel(props) {
|
|
8353
8353
|
var id = props.id,
|
|
8354
8354
|
label = props.label,
|
|
8355
8355
|
labelIcon = props.labelIcon,
|
|
8356
8356
|
required = props.required,
|
|
8357
8357
|
variant = props.variant;
|
|
8358
|
-
var t = (0,
|
|
8358
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslation)();
|
|
8359
8359
|
if (!label) return null;
|
|
8360
8360
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LabelWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
|
|
8361
8361
|
id: id,
|
|
8362
8362
|
variant: variant,
|
|
8363
8363
|
color: "gray-11-50"
|
|
8364
|
-
}, t(label), required && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RequiredAsterisk, null)), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8364
|
+
}, t(label), required && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RequiredAsterisk, null)), labelIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
8365
8365
|
name: labelIcon,
|
|
8366
8366
|
size: "xs",
|
|
8367
8367
|
color: "gray_7"
|
|
@@ -8369,10 +8369,10 @@ var InputLabel = function InputLabel(props) {
|
|
|
8369
8369
|
};
|
|
8370
8370
|
InputLabel.displayName = 'InputLabel';
|
|
8371
8371
|
InputLabel.propTypes = {
|
|
8372
|
-
label: (
|
|
8373
|
-
labelIcon: (
|
|
8374
|
-
required: (
|
|
8375
|
-
variant:
|
|
8372
|
+
label: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
8373
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
8374
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
8375
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'lg'])
|
|
8376
8376
|
};
|
|
8377
8377
|
InputLabel.defaultProps = {
|
|
8378
8378
|
variant: 'sm'
|
|
@@ -8380,7 +8380,7 @@ InputLabel.defaultProps = {
|
|
|
8380
8380
|
var LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
8381
8381
|
displayName: "LabelWrapper",
|
|
8382
8382
|
componentId: "sc-r60v1b-1"
|
|
8383
|
-
})(["display:flex;align-items:center;gap:", ";"],
|
|
8383
|
+
})(["display:flex;align-items:center;gap:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["03"]);
|
|
8384
8384
|
var RequiredAsterisk = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Label).attrs({
|
|
8385
8385
|
tag: 'span',
|
|
8386
8386
|
variant: 'xs',
|
|
@@ -8389,7 +8389,7 @@ var RequiredAsterisk = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
|
8389
8389
|
}).withConfig({
|
|
8390
8390
|
displayName: "RequiredAsterisk",
|
|
8391
8391
|
componentId: "sc-r60v1b-2"
|
|
8392
|
-
})(["margin-left:", ";"],
|
|
8392
|
+
})(["margin-left:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing["02"]);
|
|
8393
8393
|
var LeftOuterContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
8394
8394
|
displayName: "LeftOuterContentWrapper",
|
|
8395
8395
|
componentId: "sc-r60v1b-3"
|
|
@@ -8407,7 +8407,7 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default
|
|
|
8407
8407
|
var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
8408
8408
|
displayName: "InputWrapper",
|
|
8409
8409
|
componentId: "sc-r60v1b-6"
|
|
8410
|
-
})(["width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";", " ", " ", ""],
|
|
8410
|
+
})(["width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
|
|
8411
8411
|
return props.verticalAlign;
|
|
8412
8412
|
}, function (props) {
|
|
8413
8413
|
var leftOuterContent = props.leftOuterContent,
|
|
@@ -8426,21 +8426,21 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.
|
|
|
8426
8426
|
borderTopRightRadius = borderBottomRightRadius = 0;
|
|
8427
8427
|
borderRightWidth = 0;
|
|
8428
8428
|
}
|
|
8429
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,
|
|
8429
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomRightRadius));
|
|
8430
8430
|
}, function (props) {
|
|
8431
8431
|
var _props$heightCalculat;
|
|
8432
8432
|
return (_props$heightCalculat = props.heightCalculationCallback) === null || _props$heightCalculat === void 0 ? void 0 : _props$heightCalculat.call(props);
|
|
8433
8433
|
}, function (props) {
|
|
8434
|
-
var borderColor =
|
|
8435
|
-
var color =
|
|
8436
|
-
var backgroundColor =
|
|
8434
|
+
var borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7;
|
|
8435
|
+
var color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
|
|
8436
|
+
var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
|
|
8437
8437
|
var cursor = 'text';
|
|
8438
8438
|
if (props.disabled) {
|
|
8439
|
-
color =
|
|
8440
|
-
borderColor =
|
|
8441
|
-
backgroundColor =
|
|
8439
|
+
color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
|
|
8440
|
+
borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6;
|
|
8441
|
+
backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
|
|
8442
8442
|
cursor = 'default';
|
|
8443
|
-
} else if (props.invalid) borderColor =
|
|
8443
|
+
} else if (props.invalid) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (props.active) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
|
|
8444
8444
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["cursor:", ";background-color:", ";border-color:", ";color:", ";"], cursor, backgroundColor, borderColor, color);
|
|
8445
8445
|
});
|
|
8446
8446
|
InputWrapper.displayName = 'InputWrapper';
|
|
@@ -8458,7 +8458,7 @@ var HelperText = function HelperText(props) {
|
|
|
8458
8458
|
};
|
|
8459
8459
|
HelperText.displayName = 'HelperText';
|
|
8460
8460
|
HelperText.propTypes = {
|
|
8461
|
-
invalid: (
|
|
8461
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
|
|
8462
8462
|
};
|
|
8463
8463
|
var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
|
|
8464
8464
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
@@ -8467,7 +8467,7 @@ var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
|
|
|
8467
8467
|
md: 40,
|
|
8468
8468
|
lg: 48
|
|
8469
8469
|
};
|
|
8470
|
-
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["height:", ";"], (0,
|
|
8470
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(height[size] || height.sm));
|
|
8471
8471
|
}, [size]);
|
|
8472
8472
|
};
|
|
8473
8473
|
|
|
@@ -8486,13 +8486,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8486
8486
|
/* harmony export */ });
|
|
8487
8487
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
8488
8488
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
8489
|
-
/* harmony import */ var
|
|
8490
|
-
/* harmony import */ var
|
|
8491
|
-
/* harmony import */ var
|
|
8492
|
-
/* harmony import */ var
|
|
8493
|
-
/* harmony import */ var
|
|
8494
|
-
/* harmony import */ var
|
|
8495
|
-
/* harmony import */ var
|
|
8489
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
8490
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
8491
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
8492
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
|
|
8493
|
+
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
|
|
8494
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
8495
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
8496
8496
|
// LICENSE_CODE ZON
|
|
8497
8497
|
|
|
8498
8498
|
|
|
@@ -8515,12 +8515,12 @@ var Textarea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
|
|
|
8515
8515
|
var heightCalculationCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
8516
8516
|
var height;
|
|
8517
8517
|
var maxHeight;
|
|
8518
|
-
var minHeight = rows * 23 +
|
|
8519
|
-
if (maxRows) maxHeight = maxRows * 23 +
|
|
8520
|
-
return (0,
|
|
8518
|
+
var minHeight = rows * 23 + _shared__WEBPACK_IMPORTED_MODULE_3__.inputVerticalPadding * 2;
|
|
8519
|
+
if (maxRows) maxHeight = maxRows * 23 + _shared__WEBPACK_IMPORTED_MODULE_3__.inputVerticalPadding * 2;else height = minHeight;
|
|
8520
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["min-height:", ";max-height:", ";height:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(minHeight), (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(maxHeight), (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(height));
|
|
8521
8521
|
}, [rows, maxRows]);
|
|
8522
|
-
var t = (0,
|
|
8523
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8522
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_4__.useTranslation)();
|
|
8523
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_3__.FieldWrapper, _extends({
|
|
8524
8524
|
ref: ref
|
|
8525
8525
|
}, props, {
|
|
8526
8526
|
autoresize: true,
|
|
@@ -8532,22 +8532,22 @@ var Textarea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
|
|
|
8532
8532
|
}));
|
|
8533
8533
|
});
|
|
8534
8534
|
Textarea.propTypes = {
|
|
8535
|
-
value: (
|
|
8536
|
-
onChange: (
|
|
8537
|
-
onFocus: (
|
|
8538
|
-
onBlur: (
|
|
8539
|
-
placeholder: (
|
|
8540
|
-
disabled: (
|
|
8541
|
-
required: (
|
|
8542
|
-
invalid: (
|
|
8543
|
-
leftInnerContent: (
|
|
8544
|
-
leftOuterContent: (
|
|
8545
|
-
rightInnerContent: (
|
|
8546
|
-
rightOuterContent: (
|
|
8547
|
-
label:
|
|
8548
|
-
labelIcon: (
|
|
8549
|
-
helperText:
|
|
8550
|
-
rows: (
|
|
8535
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8536
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8537
|
+
onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8538
|
+
onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8539
|
+
placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8540
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8541
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8542
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8543
|
+
leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
8544
|
+
leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8545
|
+
rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
8546
|
+
rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8547
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8548
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8549
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8550
|
+
rows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
|
|
8551
8551
|
};
|
|
8552
8552
|
Textarea.defaultProps = {
|
|
8553
8553
|
rows: 1
|
|
@@ -8558,7 +8558,7 @@ Textarea.displayName = 'Textarea';
|
|
|
8558
8558
|
// };
|
|
8559
8559
|
// Textbox.defaultProps = {size: 'sm'};
|
|
8560
8560
|
|
|
8561
|
-
var Area =
|
|
8561
|
+
var Area = styled_components__WEBPACK_IMPORTED_MODULE_2___default().textarea.withConfig({
|
|
8562
8562
|
displayName: "Area",
|
|
8563
8563
|
componentId: "sc-1qhmytd-0"
|
|
8564
8564
|
})(["padding:0;outline:none;border:0;flex-grow:1;color:inherit;resize:none;background:inherit;"]);
|
|
@@ -8579,10 +8579,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8579
8579
|
/* harmony export */ });
|
|
8580
8580
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
8581
8581
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
8582
|
-
/* harmony import */ var
|
|
8583
|
-
/* harmony import */ var
|
|
8584
|
-
/* harmony import */ var
|
|
8585
|
-
/* harmony import */ var
|
|
8582
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
8583
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
8584
|
+
/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shared */ "./src/input/shared.js");
|
|
8585
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
8586
8586
|
// LICENSE_CODE ZON
|
|
8587
8587
|
|
|
8588
8588
|
|
|
@@ -8599,35 +8599,35 @@ var Textbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
|
|
|
8599
8599
|
var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
|
|
8600
8600
|
onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
|
|
8601
8601
|
}, [onChange]);
|
|
8602
|
-
var heightCalculationCallback = (0,
|
|
8603
|
-
var t = (0,
|
|
8604
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8602
|
+
var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_2__.useHeightCalculationCallback)(size);
|
|
8603
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
|
|
8604
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_2__.FieldWrapper, _extends({}, props, {
|
|
8605
8605
|
ref: ref,
|
|
8606
8606
|
heightCalculationCallback: heightCalculationCallback,
|
|
8607
8607
|
autoresize: false,
|
|
8608
8608
|
verticalAlign: "center",
|
|
8609
|
-
Field:
|
|
8609
|
+
Field: _shared__WEBPACK_IMPORTED_MODULE_2__.Field,
|
|
8610
8610
|
onChange: handleChange,
|
|
8611
8611
|
placeholder: t(placeholder)
|
|
8612
8612
|
}));
|
|
8613
8613
|
});
|
|
8614
8614
|
Textbox.propTypes = {
|
|
8615
|
-
value: (
|
|
8616
|
-
onChange: (
|
|
8617
|
-
onFocus: (
|
|
8618
|
-
onBlur: (
|
|
8619
|
-
placeholder: (
|
|
8620
|
-
disabled: (
|
|
8621
|
-
required: (
|
|
8622
|
-
invalid: (
|
|
8623
|
-
leftInnerContent: (
|
|
8624
|
-
leftOuterContent: (
|
|
8625
|
-
rightInnerContent: (
|
|
8626
|
-
rightOuterContent: (
|
|
8627
|
-
label:
|
|
8628
|
-
labelIcon: (
|
|
8629
|
-
helperText:
|
|
8630
|
-
size:
|
|
8615
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8616
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8617
|
+
onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8618
|
+
onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8619
|
+
placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8620
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8621
|
+
required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8622
|
+
invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8623
|
+
leftInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
8624
|
+
leftOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8625
|
+
rightInnerContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
8626
|
+
rightOuterContent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
8627
|
+
label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8628
|
+
labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8629
|
+
helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
|
|
8630
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg'])
|
|
8631
8631
|
};
|
|
8632
8632
|
Textbox.defaultProps = {
|
|
8633
8633
|
size: 'sm'
|
|
@@ -8652,11 +8652,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8652
8652
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
8653
8653
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
8654
8654
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
8655
|
-
/* harmony import */ var
|
|
8656
|
-
/* harmony import */ var
|
|
8657
|
-
/* harmony import */ var
|
|
8658
|
-
/* harmony import */ var
|
|
8659
|
-
/* harmony import */ var
|
|
8655
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
8656
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
8657
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
8658
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
8659
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
8660
8660
|
// LICENSE_CODE ZON
|
|
8661
8661
|
|
|
8662
8662
|
|
|
@@ -8668,7 +8668,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
8668
8668
|
|
|
8669
8669
|
|
|
8670
8670
|
|
|
8671
|
-
var Label =
|
|
8671
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
8672
8672
|
var Toggle = function Toggle(props) {
|
|
8673
8673
|
var value = props.value,
|
|
8674
8674
|
label = props.label,
|
|
@@ -8680,7 +8680,7 @@ var Toggle = function Toggle(props) {
|
|
|
8680
8680
|
onChange === null || onChange === void 0 ? void 0 : onChange(checked, evt);
|
|
8681
8681
|
}, [onChange]);
|
|
8682
8682
|
var color = getLabelColor(props);
|
|
8683
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ToggleLabel, _extends({}, (0,
|
|
8683
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ToggleLabel, _extends({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(props), {
|
|
8684
8684
|
$size: size
|
|
8685
8685
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ToggleInput, {
|
|
8686
8686
|
$size: size,
|
|
@@ -8699,11 +8699,11 @@ Toggle.defaultProps = {
|
|
|
8699
8699
|
size: 'sm'
|
|
8700
8700
|
};
|
|
8701
8701
|
Toggle.propTypes = {
|
|
8702
|
-
value: (
|
|
8703
|
-
label: (
|
|
8704
|
-
disabled: (
|
|
8705
|
-
size:
|
|
8706
|
-
onChange: (
|
|
8702
|
+
value: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
8703
|
+
label: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
8704
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
8705
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xs', 'sm']),
|
|
8706
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
|
|
8707
8707
|
};
|
|
8708
8708
|
var ToggleLabel = styled_components__WEBPACK_IMPORTED_MODULE_1___default().label.withConfig({
|
|
8709
8709
|
displayName: "ToggleLabel",
|
|
@@ -8715,15 +8715,15 @@ var ToggleInput = styled_components__WEBPACK_IMPORTED_MODULE_1___default().input
|
|
|
8715
8715
|
displayName: "ToggleInput",
|
|
8716
8716
|
componentId: "sc-14lfe6n-1"
|
|
8717
8717
|
})(["&&{box-sizing:border-box;width:", ";height:", ";display:flex;align-items:center;margin:0;padding:0 1px;vertical-align:top;background-color:", ";border:1px solid ", ";border-radius:25px;outline:none;outline-offset:0;cursor:pointer;appearance:none;transition:all 0.3s cubic-bezier(0.2,0.85,0.32,1.2);&:hover:not(:disabled){background-color:", ";border-color:", ";}&:focus{outline:none;outline-offset:0;background-color:", ";border-color:", ";}&:checked{background-color:", ";border-color:", ";&:hover{background-color:", ";border-color:", ";}&:focus{background-color:", ";border-color:", ";outline:3px solid ", ";}}}&::after{content:\"\";display:block;width:", ";height:", ";border-radius:50%;background-color:", ";box-shadow:0 2px 2px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.2,0.85,0.32,1.2);}&:checked::after{transform:translateX(", ");}"], function (props) {
|
|
8718
|
-
return (0,
|
|
8718
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.$size == 'xs' ? 32 : 44);
|
|
8719
8719
|
}, function (props) {
|
|
8720
|
-
return (0,
|
|
8721
|
-
},
|
|
8722
|
-
return (0,
|
|
8720
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.$size == 'xs' ? 16 : 20);
|
|
8721
|
+
}, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_5, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_8, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_9, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_5, function (props) {
|
|
8722
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.$size == 'xs' ? 12 : 16);
|
|
8723
8723
|
}, function (props) {
|
|
8724
|
-
return (0,
|
|
8725
|
-
},
|
|
8726
|
-
return (0,
|
|
8724
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.$size == 'xs' ? 12 : 16);
|
|
8725
|
+
}, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, function (props) {
|
|
8726
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.$size == 'xs' ? 15 : 23);
|
|
8727
8727
|
});
|
|
8728
8728
|
var getLabelColor = function getLabelColor(props) {
|
|
8729
8729
|
var disabled = props.disabled,
|
|
@@ -8802,9 +8802,9 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8802
8802
|
/* harmony export */ });
|
|
8803
8803
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
8804
8804
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
|
|
8805
|
-
/* harmony import */ var
|
|
8806
|
-
/* harmony import */ var
|
|
8807
|
-
/* harmony import */ var
|
|
8805
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
8806
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
8807
|
+
/* harmony import */ var _box__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./box */ "./src/layout/box.js");
|
|
8808
8808
|
// LICENSE_CODE ZON
|
|
8809
8809
|
|
|
8810
8810
|
|
|
@@ -8812,7 +8812,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8812
8812
|
|
|
8813
8813
|
|
|
8814
8814
|
|
|
8815
|
-
var Flex = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(
|
|
8815
|
+
var Flex = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_box__WEBPACK_IMPORTED_MODULE_2__["default"]).withConfig({
|
|
8816
8816
|
displayName: "Flex",
|
|
8817
8817
|
componentId: "sc-2aqm31-0"
|
|
8818
8818
|
})(["display:", ";align-items:", ";align-content:", ";justify-items:", ";justify-content:", ";flex-wrap:", ";flex-direction:", ";gap:", ";row-gap:", ";column-gap:", ";"], function (props) {
|
|
@@ -8840,16 +8840,16 @@ Flex.defaultProps = {
|
|
|
8840
8840
|
flex_direction: 'row'
|
|
8841
8841
|
};
|
|
8842
8842
|
Flex.propTypes = {
|
|
8843
|
-
inline: (
|
|
8844
|
-
align_items:
|
|
8845
|
-
align_content: (
|
|
8846
|
-
justify_items: (
|
|
8847
|
-
justify_content: (
|
|
8848
|
-
flex_wrap: (
|
|
8849
|
-
flex_direction:
|
|
8850
|
-
gap: (
|
|
8851
|
-
row_gap: (
|
|
8852
|
-
column_gap: (
|
|
8843
|
+
inline: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
8844
|
+
align_items: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['flex-start', 'center']),
|
|
8845
|
+
align_content: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8846
|
+
justify_items: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8847
|
+
justify_content: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8848
|
+
flex_wrap: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8849
|
+
flex_direction: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
|
|
8850
|
+
gap: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8851
|
+
row_gap: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
8852
|
+
column_gap: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
8853
8853
|
};
|
|
8854
8854
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Flex);
|
|
8855
8855
|
|
|
@@ -8920,12 +8920,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
8920
8920
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
8921
8921
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
8922
8922
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
8923
|
-
/* harmony import */ var
|
|
8924
|
-
/* harmony import */ var
|
|
8925
|
-
/* harmony import */ var
|
|
8926
|
-
/* harmony import */ var
|
|
8927
|
-
/* harmony import */ var
|
|
8928
|
-
/* harmony import */ var
|
|
8923
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
8924
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
8925
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
8926
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
8927
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
8928
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
8929
8929
|
// LICENSE_CODE ZON
|
|
8930
8930
|
|
|
8931
8931
|
|
|
@@ -8942,14 +8942,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
8942
8942
|
|
|
8943
8943
|
|
|
8944
8944
|
|
|
8945
|
-
var Label =
|
|
8945
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
8946
8946
|
var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
8947
8947
|
var text = props.text,
|
|
8948
8948
|
variant = props.variant,
|
|
8949
8949
|
size = props.size,
|
|
8950
8950
|
icon = props.icon,
|
|
8951
8951
|
rest = _objectWithoutProperties(props, _excluded);
|
|
8952
|
-
var _getIconProps = (0,
|
|
8952
|
+
var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getIconProps)('Link', props),
|
|
8953
8953
|
isLeft = _getIconProps.isLeft,
|
|
8954
8954
|
isRight = _getIconProps.isRight,
|
|
8955
8955
|
iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
|
|
@@ -8959,15 +8959,15 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
|
|
|
8959
8959
|
}[size] || 'base';
|
|
8960
8960
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledLink, _extends({
|
|
8961
8961
|
ref: ref
|
|
8962
|
-
}, rest, (0,
|
|
8962
|
+
}, rest, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getLinkProps)(props), {
|
|
8963
8963
|
variant: variant,
|
|
8964
8964
|
size: size,
|
|
8965
8965
|
noIcon: !icon
|
|
8966
|
-
}), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8966
|
+
}), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
|
|
8967
8967
|
variant: labelVariant,
|
|
8968
8968
|
no_wrap: true,
|
|
8969
8969
|
"data-label": true
|
|
8970
|
-
}, text), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
8970
|
+
}, text), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], iconProps));
|
|
8971
8971
|
});
|
|
8972
8972
|
Link.displayName = 'Link';
|
|
8973
8973
|
Link.defaultProps = {
|
|
@@ -8976,28 +8976,28 @@ Link.defaultProps = {
|
|
|
8976
8976
|
iconPlacement: 'left'
|
|
8977
8977
|
};
|
|
8978
8978
|
Link.propTypes = {
|
|
8979
|
-
text: (
|
|
8980
|
-
variant:
|
|
8981
|
-
size:
|
|
8982
|
-
icon:
|
|
8983
|
-
iconPlacement:
|
|
8984
|
-
href: (
|
|
8985
|
-
newTab: (
|
|
8979
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired),
|
|
8980
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['primary', 'secondary']),
|
|
8981
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md', 'lg']),
|
|
8982
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames),
|
|
8983
|
+
iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['left', 'right']),
|
|
8984
|
+
href: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
8985
|
+
newTab: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
|
|
8986
8986
|
};
|
|
8987
8987
|
var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_1___default().a.withConfig({
|
|
8988
8988
|
displayName: "StyledLink",
|
|
8989
8989
|
componentId: "sc-1ilmd36-0"
|
|
8990
8990
|
})(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";[data-label]{color:", ";text-decoration:", ";}[data-icon]{color:", ";}&:hover:not(:disabled){[data-label]{color:", ";text-decoration:", ";}[data-icon]{color:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
|
|
8991
|
-
return (0,
|
|
8991
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.size == 'lg' ? 8 : 4);
|
|
8992
8992
|
}, function (props) {
|
|
8993
|
-
return props.variant == 'primary' ?
|
|
8993
|
+
return props.variant == 'primary' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
|
|
8994
8994
|
}, function (props) {
|
|
8995
8995
|
return props.variant == 'secondary' && props.noIcon ? 'underline' : 'none';
|
|
8996
8996
|
}, function (props) {
|
|
8997
|
-
return props.variant == 'primary' ?
|
|
8998
|
-
},
|
|
8997
|
+
return props.variant == 'primary' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11;
|
|
8998
|
+
}, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, function (props) {
|
|
8999
8999
|
return props.variant == 'secondary' && props.noIcon ? 'underline' : 'none';
|
|
9000
|
-
},
|
|
9000
|
+
}, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11);
|
|
9001
9001
|
StyledLink.displayName = 'StyledLink';
|
|
9002
9002
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);
|
|
9003
9003
|
|
|
@@ -9039,12 +9039,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9039
9039
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9040
9040
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
9041
9041
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
9042
|
-
/* harmony import */ var
|
|
9043
|
-
/* harmony import */ var
|
|
9044
|
-
/* harmony import */ var
|
|
9045
|
-
/* harmony import */ var
|
|
9046
|
-
/* harmony import */ var
|
|
9047
|
-
/* harmony import */ var
|
|
9042
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9043
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
9044
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
9045
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
9046
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
9047
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9048
9048
|
// LICENSE_CODE ZON
|
|
9049
9049
|
|
|
9050
9050
|
|
|
@@ -9063,7 +9063,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
9063
9063
|
|
|
9064
9064
|
|
|
9065
9065
|
|
|
9066
|
-
var Label =
|
|
9066
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
9067
9067
|
var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
9068
9068
|
var items = props.items,
|
|
9069
9069
|
size = props.size,
|
|
@@ -9083,14 +9083,14 @@ Menu.defaultProps = {
|
|
|
9083
9083
|
size: 'md'
|
|
9084
9084
|
};
|
|
9085
9085
|
Menu.propTypes = {
|
|
9086
|
-
size:
|
|
9087
|
-
items:
|
|
9086
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md']),
|
|
9087
|
+
items: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().any)).isRequired
|
|
9088
9088
|
};
|
|
9089
9089
|
var MenuContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().ul.withConfig({
|
|
9090
9090
|
displayName: "MenuContainer",
|
|
9091
9091
|
componentId: "sc-1qqkfjv-0"
|
|
9092
9092
|
})(["margin:0;padding:4px 0;box-sizing:border-box;min-width:168px;max-width:540px;background:white;border-radius:4px;display:flex;flex-direction:column;gap:2px;", ""], function (props) {
|
|
9093
|
-
return props.isGroup ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:", ";"],
|
|
9093
|
+
return props.isGroup ? undefined : (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].box_shadow.md);
|
|
9094
9094
|
});
|
|
9095
9095
|
var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
9096
9096
|
var type = props.type,
|
|
@@ -9110,7 +9110,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
|
|
|
9110
9110
|
ref: ref
|
|
9111
9111
|
}, props));
|
|
9112
9112
|
var subMenu = props.subMenu || children;
|
|
9113
|
-
var _getIconProps = (0,
|
|
9113
|
+
var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getIconProps)('MenuItem', props),
|
|
9114
9114
|
isLeft = _getIconProps.isLeft,
|
|
9115
9115
|
iconProps = _objectWithoutProperties(_getIconProps, _excluded3);
|
|
9116
9116
|
var iconColor = variant == 'negative' ? 'red_10' : 'gray_9';
|
|
@@ -9122,7 +9122,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forward
|
|
|
9122
9122
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledMenuItem, _extends({}, rest, {
|
|
9123
9123
|
size: size,
|
|
9124
9124
|
role: "button"
|
|
9125
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItemText, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9125
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItemText, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({}, iconProps, {
|
|
9126
9126
|
color: iconColor
|
|
9127
9127
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
|
|
9128
9128
|
variant: "sm",
|
|
@@ -9141,15 +9141,15 @@ MenuItem.defaultProps = {
|
|
|
9141
9141
|
variant: 'default'
|
|
9142
9142
|
};
|
|
9143
9143
|
MenuItem.propTypes = {
|
|
9144
|
-
text: (
|
|
9145
|
-
secondaryText: (
|
|
9146
|
-
tertiaryText: (
|
|
9147
|
-
description: (
|
|
9148
|
-
type:
|
|
9149
|
-
size:
|
|
9150
|
-
icon:
|
|
9151
|
-
children:
|
|
9152
|
-
variant:
|
|
9144
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
9145
|
+
secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
9146
|
+
tertiaryText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
9147
|
+
description: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
9148
|
+
type: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['item', 'divider', 'group']),
|
|
9149
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md']),
|
|
9150
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames),
|
|
9151
|
+
children: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(MenuItem),
|
|
9152
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['default', 'negative'])
|
|
9153
9153
|
};
|
|
9154
9154
|
Menu.Item = MenuItem;
|
|
9155
9155
|
var MenuItemContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().li.withConfig({
|
|
@@ -9160,13 +9160,13 @@ var StyledMenuItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().di
|
|
|
9160
9160
|
displayName: "StyledMenuItem",
|
|
9161
9161
|
componentId: "sc-1qqkfjv-2"
|
|
9162
9162
|
})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;height:", ";gap:4px;cursor:pointer;&:disabled{cursor:not-allowed;}&:hover{background-color:", ";}&:hover,:visited,:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
|
|
9163
|
-
return (0,
|
|
9164
|
-
},
|
|
9163
|
+
return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(props.size == 'sm' ? 32 : 40);
|
|
9164
|
+
}, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4);
|
|
9165
9165
|
var MenuItemText = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
9166
9166
|
displayName: "MenuItemText",
|
|
9167
9167
|
componentId: "sc-1qqkfjv-3"
|
|
9168
9168
|
})(["display:flex;align-items:center;justify-content:flex-start;width:100%;gap:8px;max-width:516px;overflow:hidden;"]);
|
|
9169
|
-
var SubMenuIcon = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
9169
|
+
var SubMenuIcon = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon__WEBPACK_IMPORTED_MODULE_5__["default"]).attrs({
|
|
9170
9170
|
name: 'ChevronRight',
|
|
9171
9171
|
size: 'xs'
|
|
9172
9172
|
}).withConfig({
|
|
@@ -9198,7 +9198,7 @@ MenuItemDivider.displayName = 'MenuItemDivider';
|
|
|
9198
9198
|
var StyledHr = styled_components__WEBPACK_IMPORTED_MODULE_1___default().hr.withConfig({
|
|
9199
9199
|
displayName: "StyledHr",
|
|
9200
9200
|
componentId: "sc-1qqkfjv-7"
|
|
9201
|
-
})(["margin:0;border-top:1px solid ", ";border-right:0 none;border-bottom:0 none;border-left:0 none;"],
|
|
9201
|
+
})(["margin:0;border-top:1px solid ", ";border-right:0 none;border-bottom:0 none;border-left:0 none;"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4);
|
|
9202
9202
|
var MenuItemGroup = function MenuItemGroup(props) {
|
|
9203
9203
|
var text = props.text,
|
|
9204
9204
|
size = props.size,
|
|
@@ -9246,10 +9246,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9246
9246
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9247
9247
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
9248
9248
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
9249
|
-
/* harmony import */ var
|
|
9250
|
-
/* harmony import */ var
|
|
9251
|
-
/* harmony import */ var
|
|
9252
|
-
/* harmony import */ var
|
|
9249
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9250
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
9251
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
9252
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9253
9253
|
// LICENSE_CODE ZON
|
|
9254
9254
|
|
|
9255
9255
|
|
|
@@ -9259,8 +9259,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9259
9259
|
|
|
9260
9260
|
|
|
9261
9261
|
|
|
9262
|
-
var Flex =
|
|
9263
|
-
Box =
|
|
9262
|
+
var Flex = _layout__WEBPACK_IMPORTED_MODULE_3__["default"].Flex,
|
|
9263
|
+
Box = _layout__WEBPACK_IMPORTED_MODULE_3__["default"].Box;
|
|
9264
9264
|
var MODAL_WIDTHS = {
|
|
9265
9265
|
sm: '360px',
|
|
9266
9266
|
md: '500px',
|
|
@@ -9269,32 +9269,32 @@ var MODAL_WIDTHS = {
|
|
|
9269
9269
|
var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Box).withConfig({
|
|
9270
9270
|
displayName: "StyledWrapper",
|
|
9271
9271
|
componentId: "sc-1nggvo0-0"
|
|
9272
|
-
})(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"],
|
|
9272
|
+
})(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.lg, function (props) {
|
|
9273
9273
|
return MODAL_WIDTHS[props.size];
|
|
9274
9274
|
});
|
|
9275
9275
|
var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Flex).attrs({
|
|
9276
|
-
padding: "0 ".concat(
|
|
9277
|
-
padding_top:
|
|
9276
|
+
padding: "0 ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["07"]),
|
|
9277
|
+
padding_top: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["06"],
|
|
9278
9278
|
flex_direction: 'column',
|
|
9279
|
-
row_gap:
|
|
9279
|
+
row_gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"]
|
|
9280
9280
|
}).withConfig({
|
|
9281
9281
|
displayName: "StyledHeaderWrapper",
|
|
9282
9282
|
componentId: "sc-1nggvo0-1"
|
|
9283
9283
|
})([""]);
|
|
9284
9284
|
var StyledContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Box).attrs({
|
|
9285
|
-
padding: "0 ".concat(
|
|
9286
|
-
padding_top:
|
|
9287
|
-
padding_bottom:
|
|
9285
|
+
padding: "0 ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["07"]),
|
|
9286
|
+
padding_top: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["07"],
|
|
9287
|
+
padding_bottom: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["08"]
|
|
9288
9288
|
}).withConfig({
|
|
9289
9289
|
displayName: "StyledContentWrapper",
|
|
9290
9290
|
componentId: "sc-1nggvo0-2"
|
|
9291
|
-
})(["overflow-y:auto;::-webkit-scrollbar{width:", ";}::-webkit-scrollbar-thumb{background-color:", ";border-radius:", ";border:", " solid transparent;background-clip:content-box;}"],
|
|
9291
|
+
})(["overflow-y:auto;::-webkit-scrollbar{width:", ";}::-webkit-scrollbar-thumb{background-color:", ";border-radius:", ";border:", " solid transparent;background-clip:content-box;}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["06"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_8, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["06"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"]);
|
|
9292
9292
|
var StyledFooterWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Flex).attrs({
|
|
9293
|
-
padding: "".concat(
|
|
9293
|
+
padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["07"])
|
|
9294
9294
|
}).withConfig({
|
|
9295
9295
|
displayName: "StyledFooterWrapper",
|
|
9296
9296
|
componentId: "sc-1nggvo0-3"
|
|
9297
|
-
})(["border-top:1px solid ", ";"],
|
|
9297
|
+
})(["border-top:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4);
|
|
9298
9298
|
var ModalBase = function ModalBase(props) {
|
|
9299
9299
|
var id = props.id,
|
|
9300
9300
|
className = props.className,
|
|
@@ -9313,11 +9313,11 @@ var ModalBase = function ModalBase(props) {
|
|
|
9313
9313
|
}, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledHeaderWrapper, null, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledContentWrapper, null, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledFooterWrapper, null, footer));
|
|
9314
9314
|
};
|
|
9315
9315
|
ModalBase.propTypes = {
|
|
9316
|
-
size:
|
|
9317
|
-
shadow:
|
|
9318
|
-
header: (
|
|
9319
|
-
content: (
|
|
9320
|
-
footer: (
|
|
9316
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md', 'lg']),
|
|
9317
|
+
shadow: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['none', 'sm', 'md', 'lg']),
|
|
9318
|
+
header: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
9319
|
+
content: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
9320
|
+
footer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node)
|
|
9321
9321
|
};
|
|
9322
9322
|
ModalBase.defaultProps = {
|
|
9323
9323
|
size: 'md',
|
|
@@ -9376,11 +9376,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9376
9376
|
/* harmony export */ });
|
|
9377
9377
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
9378
9378
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9379
|
-
/* harmony import */ var
|
|
9380
|
-
/* harmony import */ var
|
|
9381
|
-
/* harmony import */ var
|
|
9382
|
-
/* harmony import */ var
|
|
9383
|
-
/* harmony import */ var
|
|
9379
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9380
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
9381
|
+
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ "./src/modal/util.js");
|
|
9382
|
+
/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./base */ "./src/modal/base.js");
|
|
9383
|
+
/* harmony import */ var _with_backdrop__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./with_backdrop */ "./src/modal/with_backdrop.js");
|
|
9384
9384
|
// LICENSE_CODE ZON
|
|
9385
9385
|
|
|
9386
9386
|
|
|
@@ -9402,18 +9402,18 @@ var General = function General(props) {
|
|
|
9402
9402
|
cancelLabel = props.cancelLabel,
|
|
9403
9403
|
size = props.size,
|
|
9404
9404
|
shadow = props.shadow;
|
|
9405
|
-
var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9405
|
+
var header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_util__WEBPACK_IMPORTED_MODULE_2__.ModalHeader, {
|
|
9406
9406
|
title: title,
|
|
9407
9407
|
subtitle: subtitle,
|
|
9408
9408
|
onCancel: onCancel
|
|
9409
9409
|
});
|
|
9410
|
-
var footer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9410
|
+
var footer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_util__WEBPACK_IMPORTED_MODULE_2__.ModalFooter, {
|
|
9411
9411
|
onOk: onOk,
|
|
9412
9412
|
onCancel: onCancel,
|
|
9413
9413
|
okLabel: okLabel,
|
|
9414
9414
|
cancelLabel: cancelLabel
|
|
9415
9415
|
});
|
|
9416
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9416
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
9417
9417
|
id: id,
|
|
9418
9418
|
className: className,
|
|
9419
9419
|
"data-testid": "modal_general",
|
|
@@ -9425,17 +9425,17 @@ var General = function General(props) {
|
|
|
9425
9425
|
});
|
|
9426
9426
|
};
|
|
9427
9427
|
General.propTypes = {
|
|
9428
|
-
title: (
|
|
9429
|
-
subtitle: (
|
|
9430
|
-
content: (
|
|
9431
|
-
onOk: (
|
|
9432
|
-
onCancel: (
|
|
9433
|
-
okLabel: (
|
|
9434
|
-
cancelLabel: (
|
|
9435
|
-
size:
|
|
9436
|
-
shadow:
|
|
9428
|
+
title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
9429
|
+
subtitle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
9430
|
+
content: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
9431
|
+
onOk: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
9432
|
+
onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
|
|
9433
|
+
okLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
9434
|
+
cancelLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
9435
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
|
|
9436
|
+
shadow: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['none', 'sm', 'md', 'lg'])
|
|
9437
9437
|
};
|
|
9438
|
-
var Popup = (0,
|
|
9438
|
+
var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__["default"])(General);
|
|
9439
9439
|
|
|
9440
9440
|
|
|
9441
9441
|
/***/ }),
|
|
@@ -9460,13 +9460,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9460
9460
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9461
9461
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
9462
9462
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
9463
|
-
/* harmony import */ var
|
|
9464
|
-
/* harmony import */ var
|
|
9465
|
-
/* harmony import */ var
|
|
9466
|
-
/* harmony import */ var
|
|
9467
|
-
/* harmony import */ var
|
|
9468
|
-
/* harmony import */ var
|
|
9469
|
-
/* harmony import */ var
|
|
9463
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9464
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
9465
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
9466
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
9467
|
+
/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
|
|
9468
|
+
/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../button */ "./src/button/index.js");
|
|
9469
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9470
9470
|
// LICENSE_CODE ZON
|
|
9471
9471
|
|
|
9472
9472
|
|
|
@@ -9480,8 +9480,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
9480
9480
|
|
|
9481
9481
|
|
|
9482
9482
|
|
|
9483
|
-
var Header =
|
|
9484
|
-
Label =
|
|
9483
|
+
var Header = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Header,
|
|
9484
|
+
Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
|
|
9485
9485
|
var ModalTitle = function ModalTitle(props) {
|
|
9486
9486
|
var text = props.text;
|
|
9487
9487
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Header, {
|
|
@@ -9489,19 +9489,19 @@ var ModalTitle = function ModalTitle(props) {
|
|
|
9489
9489
|
}, text);
|
|
9490
9490
|
};
|
|
9491
9491
|
var CloseButton = function CloseButton(props) {
|
|
9492
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9492
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
|
|
9493
9493
|
icon: "CloseSmall",
|
|
9494
9494
|
variant: "icon"
|
|
9495
9495
|
}, props));
|
|
9496
9496
|
};
|
|
9497
|
-
var ButtonsGroup = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
9498
|
-
gap:
|
|
9497
|
+
var ButtonsGroup = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
|
|
9498
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["04"],
|
|
9499
9499
|
align_items: 'center'
|
|
9500
9500
|
}).withConfig({
|
|
9501
9501
|
displayName: "ButtonsGroup",
|
|
9502
9502
|
componentId: "sc-1p9nv3u-0"
|
|
9503
9503
|
})([""]);
|
|
9504
|
-
var ModalButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
9504
|
+
var ModalButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_button__WEBPACK_IMPORTED_MODULE_6__.Button).attrs({
|
|
9505
9505
|
size: 'sm'
|
|
9506
9506
|
}).withConfig({
|
|
9507
9507
|
displayName: "ModalButton",
|
|
@@ -9511,7 +9511,7 @@ var ModalHeader = function ModalHeader(props) {
|
|
|
9511
9511
|
var title = props.title,
|
|
9512
9512
|
subtitle = props.subtitle,
|
|
9513
9513
|
onCancel = props.onCancel;
|
|
9514
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9514
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
|
|
9515
9515
|
align_items: "center",
|
|
9516
9516
|
justify_content: "space-between",
|
|
9517
9517
|
width: "100%"
|
|
@@ -9522,16 +9522,16 @@ var ModalHeader = function ModalHeader(props) {
|
|
|
9522
9522
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, null, subtitle));
|
|
9523
9523
|
};
|
|
9524
9524
|
ModalHeader.propTypes = {
|
|
9525
|
-
title: (
|
|
9526
|
-
subtitle: (
|
|
9527
|
-
onCancel: (
|
|
9525
|
+
title: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
9526
|
+
subtitle: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
9527
|
+
onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
|
|
9528
9528
|
};
|
|
9529
9529
|
var ModalFooter = function ModalFooter(props) {
|
|
9530
9530
|
var okLabel = props.okLabel,
|
|
9531
9531
|
cancelLabel = props.cancelLabel,
|
|
9532
9532
|
onOk = props.onOk,
|
|
9533
9533
|
onCancel = props.onCancel;
|
|
9534
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9534
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
|
|
9535
9535
|
width: "100%",
|
|
9536
9536
|
justify_content: "flex-end"
|
|
9537
9537
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ButtonsGroup, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ModalButton, {
|
|
@@ -9545,10 +9545,10 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
9545
9545
|
})));
|
|
9546
9546
|
};
|
|
9547
9547
|
ModalFooter.propTypes = {
|
|
9548
|
-
okLabel: (
|
|
9549
|
-
cancelLabel: (
|
|
9550
|
-
onOk: (
|
|
9551
|
-
onCancel: (
|
|
9548
|
+
okLabel: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
9549
|
+
cancelLabel: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
9550
|
+
onOk: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
9551
|
+
onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
|
|
9552
9552
|
};
|
|
9553
9553
|
ModalFooter.defaultProps = {
|
|
9554
9554
|
okLabel: 'OK',
|
|
@@ -9707,12 +9707,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9707
9707
|
/* harmony export */ });
|
|
9708
9708
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
9709
9709
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9710
|
-
/* harmony import */ var
|
|
9711
|
-
/* harmony import */ var
|
|
9712
|
-
/* harmony import */ var
|
|
9713
|
-
/* harmony import */ var
|
|
9714
|
-
/* harmony import */ var
|
|
9715
|
-
/* harmony import */ var
|
|
9710
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9711
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
9712
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
9713
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
9714
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9715
|
+
/* harmony import */ var _progress_bar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./progress_bar */ "./src/progress/progress_bar.js");
|
|
9716
9716
|
// LICENSE_CODE ZON
|
|
9717
9717
|
|
|
9718
9718
|
|
|
@@ -9723,8 +9723,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9723
9723
|
|
|
9724
9724
|
|
|
9725
9725
|
|
|
9726
|
-
var Label =
|
|
9727
|
-
var Flex =
|
|
9726
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_2__["default"].Label;
|
|
9727
|
+
var Flex = _layout__WEBPACK_IMPORTED_MODULE_3__["default"].Flex;
|
|
9728
9728
|
var ProgressFraction = function ProgressFraction(props) {
|
|
9729
9729
|
var amount = props.amount,
|
|
9730
9730
|
capacity = props.capacity;
|
|
@@ -9738,8 +9738,8 @@ var ProgressFraction = function ProgressFraction(props) {
|
|
|
9738
9738
|
}, "/", capacity));
|
|
9739
9739
|
};
|
|
9740
9740
|
ProgressFraction.propTypes = {
|
|
9741
|
-
amount: (
|
|
9742
|
-
capacity: (
|
|
9741
|
+
amount: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number.isRequired),
|
|
9742
|
+
capacity: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number.isRequired)
|
|
9743
9743
|
// unit: PT.string,
|
|
9744
9744
|
};
|
|
9745
9745
|
|
|
@@ -9749,7 +9749,7 @@ var Progress = function Progress(props) {
|
|
|
9749
9749
|
label = props.label;
|
|
9750
9750
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Flex, {
|
|
9751
9751
|
flex_direction: "column",
|
|
9752
|
-
gap:
|
|
9752
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"]
|
|
9753
9753
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Flex, {
|
|
9754
9754
|
align_items: "flex-end",
|
|
9755
9755
|
justify_content: "space-between"
|
|
@@ -9758,15 +9758,15 @@ var Progress = function Progress(props) {
|
|
|
9758
9758
|
}, label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProgressFraction, {
|
|
9759
9759
|
amount: amount,
|
|
9760
9760
|
capacity: capacity
|
|
9761
|
-
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9761
|
+
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_progress_bar__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
9762
9762
|
amount: amount,
|
|
9763
9763
|
capacity: capacity
|
|
9764
9764
|
}));
|
|
9765
9765
|
};
|
|
9766
9766
|
Progress.propTypes = {
|
|
9767
|
-
amount: (
|
|
9768
|
-
capacity: (
|
|
9769
|
-
label: (
|
|
9767
|
+
amount: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number.isRequired),
|
|
9768
|
+
capacity: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number.isRequired),
|
|
9769
|
+
label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
9770
9770
|
};
|
|
9771
9771
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Progress);
|
|
9772
9772
|
|
|
@@ -9787,11 +9787,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9787
9787
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9788
9788
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
9789
9789
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
9790
|
-
/* harmony import */ var
|
|
9791
|
-
/* harmony import */ var
|
|
9792
|
-
/* harmony import */ var
|
|
9793
|
-
/* harmony import */ var
|
|
9794
|
-
/* harmony import */ var
|
|
9790
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9791
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
9792
|
+
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
|
|
9793
|
+
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);
|
|
9794
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9795
9795
|
// LICENSE_CODE ZON
|
|
9796
9796
|
|
|
9797
9797
|
|
|
@@ -9804,25 +9804,25 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9804
9804
|
var ProgressBarWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
9805
9805
|
displayName: "ProgressBarWrapper",
|
|
9806
9806
|
componentId: "sc-k8bgfd-0"
|
|
9807
|
-
})(["background-color:", ";border-radius:30px;height:6px;"],
|
|
9807
|
+
})(["background-color:", ";border-radius:30px;height:6px;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4);
|
|
9808
9808
|
var ProgressBarFill = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
9809
9809
|
displayName: "ProgressBarFill",
|
|
9810
9810
|
componentId: "sc-k8bgfd-1"
|
|
9811
|
-
})(["background-color:", ";border-radius:30px;width:", "%;height:100%;"],
|
|
9811
|
+
})(["background-color:", ";border-radius:30px;width:", "%;height:100%;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_11, function (props) {
|
|
9812
9812
|
return props.width;
|
|
9813
9813
|
});
|
|
9814
9814
|
var ProgressBar = function ProgressBar(props) {
|
|
9815
9815
|
var amount = props.amount,
|
|
9816
9816
|
capacity = props.capacity;
|
|
9817
|
-
var percentage =
|
|
9817
|
+
var percentage = lodash__WEBPACK_IMPORTED_MODULE_3___default().clamp(amount / capacity * 100, 0, 100);
|
|
9818
9818
|
var percentageFmt = percentage.toFixed(2);
|
|
9819
9819
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProgressBarWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ProgressBarFill, {
|
|
9820
9820
|
width: percentageFmt
|
|
9821
9821
|
}));
|
|
9822
9822
|
};
|
|
9823
9823
|
ProgressBar.propTypes = {
|
|
9824
|
-
amount: (
|
|
9825
|
-
capacity: (
|
|
9824
|
+
amount: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number.isRequired),
|
|
9825
|
+
capacity: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number.isRequired)
|
|
9826
9826
|
};
|
|
9827
9827
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProgressBar);
|
|
9828
9828
|
|
|
@@ -9845,13 +9845,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9845
9845
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9846
9846
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
9847
9847
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
9848
|
-
/* harmony import */ var
|
|
9849
|
-
/* harmony import */ var
|
|
9850
|
-
/* harmony import */ var
|
|
9851
|
-
/* harmony import */ var
|
|
9852
|
-
/* harmony import */ var
|
|
9853
|
-
/* harmony import */ var
|
|
9854
|
-
/* harmony import */ var
|
|
9848
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9849
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
9850
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
9851
|
+
/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../badge */ "./src/badge.js");
|
|
9852
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
9853
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
9854
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9855
9855
|
// LICENSE_CODE ZON
|
|
9856
9856
|
|
|
9857
9857
|
|
|
@@ -9864,8 +9864,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9864
9864
|
|
|
9865
9865
|
|
|
9866
9866
|
|
|
9867
|
-
var Flex =
|
|
9868
|
-
var Label =
|
|
9867
|
+
var Flex = _layout__WEBPACK_IMPORTED_MODULE_5__["default"].Flex;
|
|
9868
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_6__["default"].Label;
|
|
9869
9869
|
var TagBase = function TagBase(props) {
|
|
9870
9870
|
var children = props.children,
|
|
9871
9871
|
size = props.size,
|
|
@@ -9874,17 +9874,17 @@ var TagBase = function TagBase(props) {
|
|
|
9874
9874
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTagBody, {
|
|
9875
9875
|
size: size,
|
|
9876
9876
|
className: className
|
|
9877
|
-
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9877
|
+
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
9878
9878
|
name: icon,
|
|
9879
9879
|
size: "xxs",
|
|
9880
9880
|
color: "gray_9"
|
|
9881
9881
|
}), children);
|
|
9882
9882
|
};
|
|
9883
9883
|
TagBase.propTypes = {
|
|
9884
|
-
size:
|
|
9884
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md'])
|
|
9885
9885
|
};
|
|
9886
9886
|
var TagBadge = function TagBadge(props) {
|
|
9887
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9887
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_badge__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
9888
9888
|
shape: "rounded"
|
|
9889
9889
|
}, props.children);
|
|
9890
9890
|
};
|
|
@@ -9903,14 +9903,14 @@ var TagLabel = function TagLabel(props) {
|
|
|
9903
9903
|
};
|
|
9904
9904
|
var StyledTagBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(Flex).attrs({
|
|
9905
9905
|
align_items: 'center',
|
|
9906
|
-
gap:
|
|
9906
|
+
gap: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"],
|
|
9907
9907
|
padding: function padding(props) {
|
|
9908
|
-
return props.size == 'md' ? "".concat(
|
|
9908
|
+
return props.size == 'md' ? "".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["04"]) : "".concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["03"]);
|
|
9909
9909
|
}
|
|
9910
9910
|
}).withConfig({
|
|
9911
9911
|
displayName: "StyledTagBody",
|
|
9912
9912
|
componentId: "sc-1j3m7xm-0"
|
|
9913
|
-
})(["border:1px solid ", ";border-radius:", ";width:fit-content;color:", ";background-color:", ";"],
|
|
9913
|
+
})(["border:1px solid ", ";border-radius:", ";width:fit-content;color:", ";background-color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white);
|
|
9914
9914
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TagBase);
|
|
9915
9915
|
|
|
9916
9916
|
/***/ }),
|
|
@@ -9931,10 +9931,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
9931
9931
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
9932
9932
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
9933
9933
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
9934
|
-
/* harmony import */ var
|
|
9935
|
-
/* harmony import */ var
|
|
9936
|
-
/* harmony import */ var
|
|
9937
|
-
/* harmony import */ var
|
|
9934
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
9935
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
9936
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
9937
|
+
/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./base */ "./src/tag/base.js");
|
|
9938
9938
|
// LICENSE_CODE ZON
|
|
9939
9939
|
|
|
9940
9940
|
|
|
@@ -9966,19 +9966,19 @@ var ClickableTag = function ClickableTag(props) {
|
|
|
9966
9966
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTagBase, _extends({}, rest, {
|
|
9967
9967
|
size: size,
|
|
9968
9968
|
active: active
|
|
9969
|
-
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9969
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_4__.TagLabel, {
|
|
9970
9970
|
size: size
|
|
9971
|
-
}, text), badge && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
9971
|
+
}, text), badge && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_4__.TagBadge, null, badge)));
|
|
9972
9972
|
};
|
|
9973
9973
|
ClickableTag.propTypes = {
|
|
9974
|
-
size:
|
|
9975
|
-
badge: (
|
|
9976
|
-
active: (
|
|
9977
|
-
onClick: (
|
|
9978
|
-
disabled: (
|
|
9979
|
-
};
|
|
9980
|
-
var activeCss = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border-color:", ";"],
|
|
9981
|
-
var StyledTagBase = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
9974
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md']),
|
|
9975
|
+
badge: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
9976
|
+
active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
9977
|
+
onClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func.isRequired),
|
|
9978
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
|
|
9979
|
+
};
|
|
9980
|
+
var activeCss = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border-color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_11);
|
|
9981
|
+
var StyledTagBase = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_base__WEBPACK_IMPORTED_MODULE_4__["default"]).withConfig({
|
|
9982
9982
|
displayName: "StyledTagBase",
|
|
9983
9983
|
componentId: "sc-pc5g8t-0"
|
|
9984
9984
|
})(["", ";"], function (props) {
|
|
@@ -9987,7 +9987,7 @@ var StyledTagBase = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_ba
|
|
|
9987
9987
|
var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
|
|
9988
9988
|
displayName: "StyledButton",
|
|
9989
9989
|
componentId: "sc-pc5g8t-1"
|
|
9990
|
-
})(["display:flex;background:transparent;padding:0;margin:0;border:none;cursor:pointer;&:hover > ", "{background-color:", ";border-color:", ";}&:active > ", "{", "}&:disabled > ", "{background-color:", ";border-color:transparent;color:", ";cursor:not-allowed;}"], StyledTagBase,
|
|
9990
|
+
})(["display:flex;background:transparent;padding:0;margin:0;border:none;cursor:pointer;&:hover > ", "{background-color:", ";border-color:", ";}&:active > ", "{", "}&:disabled > ", "{background-color:", ";border-color:transparent;color:", ";cursor:not-allowed;}"], StyledTagBase, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_6, StyledTagBase, activeCss, StyledTagBase, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9);
|
|
9991
9991
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClickableTag);
|
|
9992
9992
|
|
|
9993
9993
|
/***/ }),
|
|
@@ -10037,11 +10037,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10037
10037
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10038
10038
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
10039
10039
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
10040
|
-
/* harmony import */ var
|
|
10041
|
-
/* harmony import */ var
|
|
10042
|
-
/* harmony import */ var
|
|
10043
|
-
/* harmony import */ var
|
|
10044
|
-
/* harmony import */ var
|
|
10040
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10041
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
10042
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
10043
|
+
/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
|
|
10044
|
+
/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./base */ "./src/tag/base.js");
|
|
10045
10045
|
// LICENSE_CODE ZON
|
|
10046
10046
|
|
|
10047
10047
|
|
|
@@ -10068,7 +10068,7 @@ var RemovableTag = function RemovableTag(props) {
|
|
|
10068
10068
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTagBase, _extends({
|
|
10069
10069
|
size: size,
|
|
10070
10070
|
disabled: disabled
|
|
10071
|
-
}, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
10071
|
+
}, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_5__.TagLabel, null, text), badge && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_base__WEBPACK_IMPORTED_MODULE_5__.TagBadge, null, badge), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledRemoveButton, {
|
|
10072
10072
|
variant: "icon",
|
|
10073
10073
|
icon: "CloseSmall",
|
|
10074
10074
|
onClick: onClick,
|
|
@@ -10076,22 +10076,22 @@ var RemovableTag = function RemovableTag(props) {
|
|
|
10076
10076
|
}));
|
|
10077
10077
|
};
|
|
10078
10078
|
RemovableTag.propTypes = {
|
|
10079
|
-
onClick: (
|
|
10080
|
-
disabled: (
|
|
10081
|
-
text: (
|
|
10082
|
-
badge: (
|
|
10083
|
-
size:
|
|
10079
|
+
onClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
|
|
10080
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
|
|
10081
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
|
|
10082
|
+
badge: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
10083
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md'])
|
|
10084
10084
|
};
|
|
10085
|
-
var StyledTagBase = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
10085
|
+
var StyledTagBase = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_base__WEBPACK_IMPORTED_MODULE_5__["default"]).withConfig({
|
|
10086
10086
|
displayName: "StyledTagBase",
|
|
10087
10087
|
componentId: "sc-4wrknd-0"
|
|
10088
10088
|
})(["cursor:default;", ""], function (props) {
|
|
10089
|
-
return props.disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border-color:transparent;color:", ";cursor:not-allowed;"],
|
|
10089
|
+
return props.disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border-color:transparent;color:", ";cursor:not-allowed;"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_9);
|
|
10090
10090
|
});
|
|
10091
|
-
var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
10091
|
+
var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"]).withConfig({
|
|
10092
10092
|
displayName: "StyledRemoveButton",
|
|
10093
10093
|
componentId: "sc-4wrknd-1"
|
|
10094
|
-
})(["border-radius:", ";:disabled{background-color:", ";}"],
|
|
10094
|
+
})(["border-radius:", ";:disabled{background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["05"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2);
|
|
10095
10095
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RemovableTag);
|
|
10096
10096
|
|
|
10097
10097
|
/***/ }),
|
|
@@ -10111,11 +10111,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10111
10111
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10112
10112
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
10113
10113
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
10114
|
-
/* harmony import */ var
|
|
10115
|
-
/* harmony import */ var
|
|
10116
|
-
/* harmony import */ var
|
|
10117
|
-
/* harmony import */ var
|
|
10118
|
-
/* harmony import */ var
|
|
10114
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10115
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
10116
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
|
|
10117
|
+
/* harmony import */ var _clickable_tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./clickable_tag */ "./src/tag/clickable_tag.js");
|
|
10118
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
|
|
10119
10119
|
// LICENSE_CODE ZON
|
|
10120
10120
|
|
|
10121
10121
|
|
|
@@ -10143,7 +10143,7 @@ var TagGroup = function TagGroup(props) {
|
|
|
10143
10143
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledGroup, null, options.map(function (o, i) {
|
|
10144
10144
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
|
|
10145
10145
|
key: "tag_group_item-".concat(o.id, "-").concat(i)
|
|
10146
|
-
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
10146
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_clickable_tag__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
10147
10147
|
size: size,
|
|
10148
10148
|
text: o.text,
|
|
10149
10149
|
icon: o.icon,
|
|
@@ -10155,10 +10155,10 @@ var TagGroup = function TagGroup(props) {
|
|
|
10155
10155
|
}));
|
|
10156
10156
|
};
|
|
10157
10157
|
TagGroup.propTypes = {
|
|
10158
|
-
onChange: (
|
|
10159
|
-
size:
|
|
10158
|
+
onChange: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func.isRequired),
|
|
10159
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['sm', 'md'])
|
|
10160
10160
|
};
|
|
10161
|
-
var StyledGroup = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(
|
|
10161
|
+
var StyledGroup = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex).attrs({
|
|
10162
10162
|
align_items: 'stretch',
|
|
10163
10163
|
as: 'ul',
|
|
10164
10164
|
margin: 0,
|
|
@@ -10166,7 +10166,7 @@ var StyledGroup = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layo
|
|
|
10166
10166
|
}).withConfig({
|
|
10167
10167
|
displayName: "StyledGroup",
|
|
10168
10168
|
componentId: "sc-cpk6as-0"
|
|
10169
|
-
})(["li{display:inline-flex;list-style:none;margin:0;padding:0;}", "{border-radius:0;height:100%;}& > *:first-of-type ", "{border-top-left-radius:", ";border-bottom-left-radius:", ";}& > *:last-of-type ", "{border-top-right-radius:", ";border-bottom-right-radius:", ";}"],
|
|
10169
|
+
})(["li{display:inline-flex;list-style:none;margin:0;padding:0;}", "{border-radius:0;height:100%;}& > *:first-of-type ", "{border-top-left-radius:", ";border-bottom-left-radius:", ";}& > *:last-of-type ", "{border-top-right-radius:", ";border-bottom-right-radius:", ";}"], _clickable_tag__WEBPACK_IMPORTED_MODULE_4__.StyledTagBase, _clickable_tag__WEBPACK_IMPORTED_MODULE_4__.StyledTagBase, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _clickable_tag__WEBPACK_IMPORTED_MODULE_4__.StyledTagBase, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["02"]);
|
|
10170
10170
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TagGroup);
|
|
10171
10171
|
|
|
10172
10172
|
/***/ }),
|
|
@@ -10317,14 +10317,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10317
10317
|
/* harmony export */ });
|
|
10318
10318
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
10319
10319
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10320
|
-
/* harmony import */ var
|
|
10320
|
+
/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
|
|
10321
10321
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
10322
10322
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
10323
|
-
/* harmony import */ var
|
|
10324
|
-
/* harmony import */ var
|
|
10325
|
-
/* harmony import */ var
|
|
10326
|
-
/* harmony import */ var
|
|
10327
|
-
/* harmony import */ var
|
|
10323
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10324
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
10325
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
|
|
10326
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
|
|
10327
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
|
|
10328
10328
|
// LICENSE_CODE ZON
|
|
10329
10329
|
|
|
10330
10330
|
|
|
@@ -10343,7 +10343,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
10343
10343
|
|
|
10344
10344
|
|
|
10345
10345
|
|
|
10346
|
-
var Label =
|
|
10346
|
+
var Label = _typography__WEBPACK_IMPORTED_MODULE_5__["default"].Label;
|
|
10347
10347
|
var Tooltip = function Tooltip(props) {
|
|
10348
10348
|
var children = props.children,
|
|
10349
10349
|
tooltip = props.tooltip,
|
|
@@ -10370,7 +10370,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
10370
10370
|
var hide = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
10371
10371
|
return setVisible(false);
|
|
10372
10372
|
}, []);
|
|
10373
|
-
var _usePopper = (0,
|
|
10373
|
+
var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
|
|
10374
10374
|
placement: placement,
|
|
10375
10375
|
modifiers: [{
|
|
10376
10376
|
name: 'arrow',
|
|
@@ -10406,8 +10406,8 @@ Tooltip.defaultProps = {
|
|
|
10406
10406
|
placement: 'top'
|
|
10407
10407
|
};
|
|
10408
10408
|
Tooltip.propTypes = {
|
|
10409
|
-
tooltip: (
|
|
10410
|
-
placement:
|
|
10409
|
+
tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
|
|
10410
|
+
placement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.tooltipPlacements)
|
|
10411
10411
|
};
|
|
10412
10412
|
var withTooltip = function withTooltip(Comp, tooltipProps) {
|
|
10413
10413
|
return function WithTooltip(props) {
|
|
@@ -10417,11 +10417,11 @@ var withTooltip = function withTooltip(Comp, tooltipProps) {
|
|
|
10417
10417
|
var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
10418
10418
|
displayName: "StyledTooltipBody",
|
|
10419
10419
|
componentId: "sc-146jrck-0"
|
|
10420
|
-
})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"],
|
|
10420
|
+
})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
|
|
10421
10421
|
var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
10422
10422
|
displayName: "StyledTooltipArrow",
|
|
10423
10423
|
componentId: "sc-146jrck-1"
|
|
10424
|
-
})(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"],
|
|
10424
|
+
})(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
|
|
10425
10425
|
var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
|
|
10426
10426
|
displayName: "StyledTooltipReference",
|
|
10427
10427
|
componentId: "sc-146jrck-2"
|
|
@@ -10535,11 +10535,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10535
10535
|
/* harmony export */ });
|
|
10536
10536
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
10537
10537
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10538
|
-
/* harmony import */ var
|
|
10539
|
-
/* harmony import */ var
|
|
10540
|
-
/* harmony import */ var
|
|
10541
|
-
/* harmony import */ var
|
|
10542
|
-
/* harmony import */ var
|
|
10538
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10539
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
10540
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
|
|
10541
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
10542
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
10543
10543
|
// LICENSE_CODE ZON
|
|
10544
10544
|
|
|
10545
10545
|
|
|
@@ -10557,12 +10557,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
10557
10557
|
|
|
10558
10558
|
|
|
10559
10559
|
var Header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
10560
|
-
var t = (0,
|
|
10561
|
-
var typographyProps = _objectSpread(_objectSpread({}, (0,
|
|
10560
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
|
|
10561
|
+
var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
|
|
10562
10562
|
font_weight: 'semibold',
|
|
10563
10563
|
font_size: props.variant == '2xl' ? 'xl' : 'lg'
|
|
10564
10564
|
});
|
|
10565
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
10565
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
|
|
10566
10566
|
ref: ref
|
|
10567
10567
|
}, typographyProps), t(props.children));
|
|
10568
10568
|
});
|
|
@@ -10571,7 +10571,7 @@ Header.defaultProps = {
|
|
|
10571
10571
|
variant: 'xl'
|
|
10572
10572
|
};
|
|
10573
10573
|
Header.propTypes = {
|
|
10574
|
-
variant:
|
|
10574
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xl', '2xl'])
|
|
10575
10575
|
};
|
|
10576
10576
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header);
|
|
10577
10577
|
|
|
@@ -10590,11 +10590,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10590
10590
|
/* harmony export */ });
|
|
10591
10591
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
10592
10592
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10593
|
-
/* harmony import */ var
|
|
10594
|
-
/* harmony import */ var
|
|
10595
|
-
/* harmony import */ var
|
|
10596
|
-
/* harmony import */ var
|
|
10597
|
-
/* harmony import */ var
|
|
10593
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10594
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
10595
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
|
|
10596
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
10597
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
10598
10598
|
// LICENSE_CODE ZON
|
|
10599
10599
|
|
|
10600
10600
|
|
|
@@ -10612,13 +10612,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
10612
10612
|
|
|
10613
10613
|
|
|
10614
10614
|
var Hyperlink = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
10615
|
-
var t = (0,
|
|
10616
|
-
var typographyProps = _objectSpread(_objectSpread({}, (0,
|
|
10615
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
|
|
10616
|
+
var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
|
|
10617
10617
|
font_size: props.variant == 'lg' ? 'md' : 'xs',
|
|
10618
10618
|
line_height: 'none',
|
|
10619
10619
|
underline: true
|
|
10620
10620
|
});
|
|
10621
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
10621
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
|
|
10622
10622
|
ref: ref
|
|
10623
10623
|
}, typographyProps), t(props.children));
|
|
10624
10624
|
});
|
|
@@ -10627,7 +10627,7 @@ Hyperlink.defaultProps = {
|
|
|
10627
10627
|
variant: 'lg'
|
|
10628
10628
|
};
|
|
10629
10629
|
Hyperlink.propTypes = {
|
|
10630
|
-
variant:
|
|
10630
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'lg'])
|
|
10631
10631
|
};
|
|
10632
10632
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Hyperlink);
|
|
10633
10633
|
|
|
@@ -10682,11 +10682,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10682
10682
|
/* harmony export */ });
|
|
10683
10683
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
10684
10684
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10685
|
-
/* harmony import */ var
|
|
10686
|
-
/* harmony import */ var
|
|
10687
|
-
/* harmony import */ var
|
|
10688
|
-
/* harmony import */ var
|
|
10689
|
-
/* harmony import */ var
|
|
10685
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10686
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
10687
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
|
|
10688
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
10689
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
10690
10690
|
// LICENSE_CODE ZON
|
|
10691
10691
|
|
|
10692
10692
|
|
|
@@ -10704,15 +10704,15 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
10704
10704
|
|
|
10705
10705
|
|
|
10706
10706
|
var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
10707
|
-
var t = (0,
|
|
10708
|
-
var typographyProps = _objectSpread(_objectSpread({}, (0,
|
|
10707
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
|
|
10708
|
+
var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
|
|
10709
10709
|
font_size: {
|
|
10710
10710
|
xs: 'xs',
|
|
10711
10711
|
sm: 'sm'
|
|
10712
10712
|
}[props.variant] || 'md',
|
|
10713
10713
|
font_weight: props.variant == 'lg' ? 'semibold' : 'regular'
|
|
10714
10714
|
});
|
|
10715
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
10715
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
|
|
10716
10716
|
ref: ref
|
|
10717
10717
|
}, typographyProps), t(props.children));
|
|
10718
10718
|
});
|
|
@@ -10721,7 +10721,7 @@ Label.defaultProps = {
|
|
|
10721
10721
|
variant: 'base'
|
|
10722
10722
|
};
|
|
10723
10723
|
Label.propTypes = {
|
|
10724
|
-
variant:
|
|
10724
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'base', 'lg'])
|
|
10725
10725
|
};
|
|
10726
10726
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
|
|
10727
10727
|
|
|
@@ -10740,11 +10740,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10740
10740
|
/* harmony export */ });
|
|
10741
10741
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
10742
10742
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10743
|
-
/* harmony import */ var
|
|
10744
|
-
/* harmony import */ var
|
|
10745
|
-
/* harmony import */ var
|
|
10746
|
-
/* harmony import */ var
|
|
10747
|
-
/* harmony import */ var
|
|
10743
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
10744
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
10745
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
|
|
10746
|
+
/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
|
|
10747
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
10748
10748
|
// LICENSE_CODE ZON
|
|
10749
10749
|
|
|
10750
10750
|
|
|
@@ -10762,8 +10762,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
10762
10762
|
|
|
10763
10763
|
|
|
10764
10764
|
var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
|
|
10765
|
-
var t = (0,
|
|
10766
|
-
var typographyProps = _objectSpread(_objectSpread({}, (0,
|
|
10765
|
+
var t = (0,_translation__WEBPACK_IMPORTED_MODULE_3__.useTranslation)();
|
|
10766
|
+
var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
|
|
10767
10767
|
font_size: {
|
|
10768
10768
|
xs: 'xs',
|
|
10769
10769
|
sm: 'sm'
|
|
@@ -10773,7 +10773,7 @@ var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwar
|
|
|
10773
10773
|
'lg_loose': 'loose'
|
|
10774
10774
|
}[props.variant] || 'snug'
|
|
10775
10775
|
});
|
|
10776
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(
|
|
10776
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
|
|
10777
10777
|
ref: ref
|
|
10778
10778
|
}, typographyProps), t(props.children));
|
|
10779
10779
|
});
|
|
@@ -10782,7 +10782,7 @@ Paragraph.defaultProps = {
|
|
|
10782
10782
|
variant: 'lg_snug'
|
|
10783
10783
|
};
|
|
10784
10784
|
Paragraph.propTypes = {
|
|
10785
|
-
variant:
|
|
10785
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'lg_snug', 'lg_loose'])
|
|
10786
10786
|
};
|
|
10787
10787
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Paragraph);
|
|
10788
10788
|
|
|
@@ -38349,107 +38349,6 @@ function memoizeOne(resultFn, isEqual) {
|
|
|
38349
38349
|
|
|
38350
38350
|
|
|
38351
38351
|
|
|
38352
|
-
/***/ }),
|
|
38353
|
-
|
|
38354
|
-
/***/ "./node_modules/object-assign/index.js":
|
|
38355
|
-
/*!*********************************************!*\
|
|
38356
|
-
!*** ./node_modules/object-assign/index.js ***!
|
|
38357
|
-
\*********************************************/
|
|
38358
|
-
/***/ ((module) => {
|
|
38359
|
-
|
|
38360
|
-
"use strict";
|
|
38361
|
-
/*
|
|
38362
|
-
object-assign
|
|
38363
|
-
(c) Sindre Sorhus
|
|
38364
|
-
@license MIT
|
|
38365
|
-
*/
|
|
38366
|
-
|
|
38367
|
-
|
|
38368
|
-
/* eslint-disable no-unused-vars */
|
|
38369
|
-
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
38370
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
38371
|
-
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
38372
|
-
|
|
38373
|
-
function toObject(val) {
|
|
38374
|
-
if (val === null || val === undefined) {
|
|
38375
|
-
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
38376
|
-
}
|
|
38377
|
-
|
|
38378
|
-
return Object(val);
|
|
38379
|
-
}
|
|
38380
|
-
|
|
38381
|
-
function shouldUseNative() {
|
|
38382
|
-
try {
|
|
38383
|
-
if (!Object.assign) {
|
|
38384
|
-
return false;
|
|
38385
|
-
}
|
|
38386
|
-
|
|
38387
|
-
// Detect buggy property enumeration order in older V8 versions.
|
|
38388
|
-
|
|
38389
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
38390
|
-
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
38391
|
-
test1[5] = 'de';
|
|
38392
|
-
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
38393
|
-
return false;
|
|
38394
|
-
}
|
|
38395
|
-
|
|
38396
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
38397
|
-
var test2 = {};
|
|
38398
|
-
for (var i = 0; i < 10; i++) {
|
|
38399
|
-
test2['_' + String.fromCharCode(i)] = i;
|
|
38400
|
-
}
|
|
38401
|
-
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
38402
|
-
return test2[n];
|
|
38403
|
-
});
|
|
38404
|
-
if (order2.join('') !== '0123456789') {
|
|
38405
|
-
return false;
|
|
38406
|
-
}
|
|
38407
|
-
|
|
38408
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
38409
|
-
var test3 = {};
|
|
38410
|
-
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
38411
|
-
test3[letter] = letter;
|
|
38412
|
-
});
|
|
38413
|
-
if (Object.keys(Object.assign({}, test3)).join('') !==
|
|
38414
|
-
'abcdefghijklmnopqrst') {
|
|
38415
|
-
return false;
|
|
38416
|
-
}
|
|
38417
|
-
|
|
38418
|
-
return true;
|
|
38419
|
-
} catch (err) {
|
|
38420
|
-
// We don't expect any of the above to throw, but better to be safe.
|
|
38421
|
-
return false;
|
|
38422
|
-
}
|
|
38423
|
-
}
|
|
38424
|
-
|
|
38425
|
-
module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
38426
|
-
var from;
|
|
38427
|
-
var to = toObject(target);
|
|
38428
|
-
var symbols;
|
|
38429
|
-
|
|
38430
|
-
for (var s = 1; s < arguments.length; s++) {
|
|
38431
|
-
from = Object(arguments[s]);
|
|
38432
|
-
|
|
38433
|
-
for (var key in from) {
|
|
38434
|
-
if (hasOwnProperty.call(from, key)) {
|
|
38435
|
-
to[key] = from[key];
|
|
38436
|
-
}
|
|
38437
|
-
}
|
|
38438
|
-
|
|
38439
|
-
if (getOwnPropertySymbols) {
|
|
38440
|
-
symbols = getOwnPropertySymbols(from);
|
|
38441
|
-
for (var i = 0; i < symbols.length; i++) {
|
|
38442
|
-
if (propIsEnumerable.call(from, symbols[i])) {
|
|
38443
|
-
to[symbols[i]] = from[symbols[i]];
|
|
38444
|
-
}
|
|
38445
|
-
}
|
|
38446
|
-
}
|
|
38447
|
-
}
|
|
38448
|
-
|
|
38449
|
-
return to;
|
|
38450
|
-
};
|
|
38451
|
-
|
|
38452
|
-
|
|
38453
38352
|
/***/ }),
|
|
38454
38353
|
|
|
38455
38354
|
/***/ "./node_modules/prismjs/components/prism-bash.js":
|
|
@@ -41993,800 +41892,6 @@ Prism.languages.vbnet = Prism.languages.extend('basic', {
|
|
|
41993
41892
|
});
|
|
41994
41893
|
|
|
41995
41894
|
|
|
41996
|
-
/***/ }),
|
|
41997
|
-
|
|
41998
|
-
/***/ "./node_modules/prop-types/checkPropTypes.js":
|
|
41999
|
-
/*!***************************************************!*\
|
|
42000
|
-
!*** ./node_modules/prop-types/checkPropTypes.js ***!
|
|
42001
|
-
\***************************************************/
|
|
42002
|
-
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
42003
|
-
|
|
42004
|
-
"use strict";
|
|
42005
|
-
/**
|
|
42006
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
42007
|
-
*
|
|
42008
|
-
* This source code is licensed under the MIT license found in the
|
|
42009
|
-
* LICENSE file in the root directory of this source tree.
|
|
42010
|
-
*/
|
|
42011
|
-
|
|
42012
|
-
|
|
42013
|
-
|
|
42014
|
-
var printWarning = function() {};
|
|
42015
|
-
|
|
42016
|
-
if (true) {
|
|
42017
|
-
var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "./node_modules/prop-types/lib/ReactPropTypesSecret.js");
|
|
42018
|
-
var loggedTypeFailures = {};
|
|
42019
|
-
var has = __webpack_require__(/*! ./lib/has */ "./node_modules/prop-types/lib/has.js");
|
|
42020
|
-
|
|
42021
|
-
printWarning = function(text) {
|
|
42022
|
-
var message = 'Warning: ' + text;
|
|
42023
|
-
if (typeof console !== 'undefined') {
|
|
42024
|
-
console.error(message);
|
|
42025
|
-
}
|
|
42026
|
-
try {
|
|
42027
|
-
// --- Welcome to debugging React ---
|
|
42028
|
-
// This error was thrown as a convenience so that you can use this stack
|
|
42029
|
-
// to find the callsite that caused this warning to fire.
|
|
42030
|
-
throw new Error(message);
|
|
42031
|
-
} catch (x) { /**/ }
|
|
42032
|
-
};
|
|
42033
|
-
}
|
|
42034
|
-
|
|
42035
|
-
/**
|
|
42036
|
-
* Assert that the values match with the type specs.
|
|
42037
|
-
* Error messages are memorized and will only be shown once.
|
|
42038
|
-
*
|
|
42039
|
-
* @param {object} typeSpecs Map of name to a ReactPropType
|
|
42040
|
-
* @param {object} values Runtime values that need to be type-checked
|
|
42041
|
-
* @param {string} location e.g. "prop", "context", "child context"
|
|
42042
|
-
* @param {string} componentName Name of the component for error messages.
|
|
42043
|
-
* @param {?Function} getStack Returns the component stack.
|
|
42044
|
-
* @private
|
|
42045
|
-
*/
|
|
42046
|
-
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
|
|
42047
|
-
if (true) {
|
|
42048
|
-
for (var typeSpecName in typeSpecs) {
|
|
42049
|
-
if (has(typeSpecs, typeSpecName)) {
|
|
42050
|
-
var error;
|
|
42051
|
-
// Prop type validation may throw. In case they do, we don't want to
|
|
42052
|
-
// fail the render phase where it didn't fail before. So we log it.
|
|
42053
|
-
// After these have been cleaned up, we'll let them throw.
|
|
42054
|
-
try {
|
|
42055
|
-
// This is intentionally an invariant that gets caught. It's the same
|
|
42056
|
-
// behavior as without this statement except with a better message.
|
|
42057
|
-
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
42058
|
-
var err = Error(
|
|
42059
|
-
(componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
|
|
42060
|
-
'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
|
|
42061
|
-
'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
|
|
42062
|
-
);
|
|
42063
|
-
err.name = 'Invariant Violation';
|
|
42064
|
-
throw err;
|
|
42065
|
-
}
|
|
42066
|
-
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
|
|
42067
|
-
} catch (ex) {
|
|
42068
|
-
error = ex;
|
|
42069
|
-
}
|
|
42070
|
-
if (error && !(error instanceof Error)) {
|
|
42071
|
-
printWarning(
|
|
42072
|
-
(componentName || 'React class') + ': type specification of ' +
|
|
42073
|
-
location + ' `' + typeSpecName + '` is invalid; the type checker ' +
|
|
42074
|
-
'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
|
|
42075
|
-
'You may have forgotten to pass an argument to the type checker ' +
|
|
42076
|
-
'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
|
|
42077
|
-
'shape all require an argument).'
|
|
42078
|
-
);
|
|
42079
|
-
}
|
|
42080
|
-
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
|
|
42081
|
-
// Only monitor this failure once because there tends to be a lot of the
|
|
42082
|
-
// same error.
|
|
42083
|
-
loggedTypeFailures[error.message] = true;
|
|
42084
|
-
|
|
42085
|
-
var stack = getStack ? getStack() : '';
|
|
42086
|
-
|
|
42087
|
-
printWarning(
|
|
42088
|
-
'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
|
|
42089
|
-
);
|
|
42090
|
-
}
|
|
42091
|
-
}
|
|
42092
|
-
}
|
|
42093
|
-
}
|
|
42094
|
-
}
|
|
42095
|
-
|
|
42096
|
-
/**
|
|
42097
|
-
* Resets warning cache when testing.
|
|
42098
|
-
*
|
|
42099
|
-
* @private
|
|
42100
|
-
*/
|
|
42101
|
-
checkPropTypes.resetWarningCache = function() {
|
|
42102
|
-
if (true) {
|
|
42103
|
-
loggedTypeFailures = {};
|
|
42104
|
-
}
|
|
42105
|
-
}
|
|
42106
|
-
|
|
42107
|
-
module.exports = checkPropTypes;
|
|
42108
|
-
|
|
42109
|
-
|
|
42110
|
-
/***/ }),
|
|
42111
|
-
|
|
42112
|
-
/***/ "./node_modules/prop-types/factoryWithTypeCheckers.js":
|
|
42113
|
-
/*!************************************************************!*\
|
|
42114
|
-
!*** ./node_modules/prop-types/factoryWithTypeCheckers.js ***!
|
|
42115
|
-
\************************************************************/
|
|
42116
|
-
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
42117
|
-
|
|
42118
|
-
"use strict";
|
|
42119
|
-
/**
|
|
42120
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
42121
|
-
*
|
|
42122
|
-
* This source code is licensed under the MIT license found in the
|
|
42123
|
-
* LICENSE file in the root directory of this source tree.
|
|
42124
|
-
*/
|
|
42125
|
-
|
|
42126
|
-
|
|
42127
|
-
|
|
42128
|
-
var ReactIs = __webpack_require__(/*! react-is */ "./node_modules/react-is/index.js");
|
|
42129
|
-
var assign = __webpack_require__(/*! object-assign */ "./node_modules/object-assign/index.js");
|
|
42130
|
-
|
|
42131
|
-
var ReactPropTypesSecret = __webpack_require__(/*! ./lib/ReactPropTypesSecret */ "./node_modules/prop-types/lib/ReactPropTypesSecret.js");
|
|
42132
|
-
var has = __webpack_require__(/*! ./lib/has */ "./node_modules/prop-types/lib/has.js");
|
|
42133
|
-
var checkPropTypes = __webpack_require__(/*! ./checkPropTypes */ "./node_modules/prop-types/checkPropTypes.js");
|
|
42134
|
-
|
|
42135
|
-
var printWarning = function() {};
|
|
42136
|
-
|
|
42137
|
-
if (true) {
|
|
42138
|
-
printWarning = function(text) {
|
|
42139
|
-
var message = 'Warning: ' + text;
|
|
42140
|
-
if (typeof console !== 'undefined') {
|
|
42141
|
-
console.error(message);
|
|
42142
|
-
}
|
|
42143
|
-
try {
|
|
42144
|
-
// --- Welcome to debugging React ---
|
|
42145
|
-
// This error was thrown as a convenience so that you can use this stack
|
|
42146
|
-
// to find the callsite that caused this warning to fire.
|
|
42147
|
-
throw new Error(message);
|
|
42148
|
-
} catch (x) {}
|
|
42149
|
-
};
|
|
42150
|
-
}
|
|
42151
|
-
|
|
42152
|
-
function emptyFunctionThatReturnsNull() {
|
|
42153
|
-
return null;
|
|
42154
|
-
}
|
|
42155
|
-
|
|
42156
|
-
module.exports = function(isValidElement, throwOnDirectAccess) {
|
|
42157
|
-
/* global Symbol */
|
|
42158
|
-
var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
|
|
42159
|
-
var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
|
|
42160
|
-
|
|
42161
|
-
/**
|
|
42162
|
-
* Returns the iterator method function contained on the iterable object.
|
|
42163
|
-
*
|
|
42164
|
-
* Be sure to invoke the function with the iterable as context:
|
|
42165
|
-
*
|
|
42166
|
-
* var iteratorFn = getIteratorFn(myIterable);
|
|
42167
|
-
* if (iteratorFn) {
|
|
42168
|
-
* var iterator = iteratorFn.call(myIterable);
|
|
42169
|
-
* ...
|
|
42170
|
-
* }
|
|
42171
|
-
*
|
|
42172
|
-
* @param {?object} maybeIterable
|
|
42173
|
-
* @return {?function}
|
|
42174
|
-
*/
|
|
42175
|
-
function getIteratorFn(maybeIterable) {
|
|
42176
|
-
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
|
|
42177
|
-
if (typeof iteratorFn === 'function') {
|
|
42178
|
-
return iteratorFn;
|
|
42179
|
-
}
|
|
42180
|
-
}
|
|
42181
|
-
|
|
42182
|
-
/**
|
|
42183
|
-
* Collection of methods that allow declaration and validation of props that are
|
|
42184
|
-
* supplied to React components. Example usage:
|
|
42185
|
-
*
|
|
42186
|
-
* var Props = require('ReactPropTypes');
|
|
42187
|
-
* var MyArticle = React.createClass({
|
|
42188
|
-
* propTypes: {
|
|
42189
|
-
* // An optional string prop named "description".
|
|
42190
|
-
* description: Props.string,
|
|
42191
|
-
*
|
|
42192
|
-
* // A required enum prop named "category".
|
|
42193
|
-
* category: Props.oneOf(['News','Photos']).isRequired,
|
|
42194
|
-
*
|
|
42195
|
-
* // A prop named "dialog" that requires an instance of Dialog.
|
|
42196
|
-
* dialog: Props.instanceOf(Dialog).isRequired
|
|
42197
|
-
* },
|
|
42198
|
-
* render: function() { ... }
|
|
42199
|
-
* });
|
|
42200
|
-
*
|
|
42201
|
-
* A more formal specification of how these methods are used:
|
|
42202
|
-
*
|
|
42203
|
-
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
|
|
42204
|
-
* decl := ReactPropTypes.{type}(.isRequired)?
|
|
42205
|
-
*
|
|
42206
|
-
* Each and every declaration produces a function with the same signature. This
|
|
42207
|
-
* allows the creation of custom validation functions. For example:
|
|
42208
|
-
*
|
|
42209
|
-
* var MyLink = React.createClass({
|
|
42210
|
-
* propTypes: {
|
|
42211
|
-
* // An optional string or URI prop named "href".
|
|
42212
|
-
* href: function(props, propName, componentName) {
|
|
42213
|
-
* var propValue = props[propName];
|
|
42214
|
-
* if (propValue != null && typeof propValue !== 'string' &&
|
|
42215
|
-
* !(propValue instanceof URI)) {
|
|
42216
|
-
* return new Error(
|
|
42217
|
-
* 'Expected a string or an URI for ' + propName + ' in ' +
|
|
42218
|
-
* componentName
|
|
42219
|
-
* );
|
|
42220
|
-
* }
|
|
42221
|
-
* }
|
|
42222
|
-
* },
|
|
42223
|
-
* render: function() {...}
|
|
42224
|
-
* });
|
|
42225
|
-
*
|
|
42226
|
-
* @internal
|
|
42227
|
-
*/
|
|
42228
|
-
|
|
42229
|
-
var ANONYMOUS = '<<anonymous>>';
|
|
42230
|
-
|
|
42231
|
-
// Important!
|
|
42232
|
-
// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
|
|
42233
|
-
var ReactPropTypes = {
|
|
42234
|
-
array: createPrimitiveTypeChecker('array'),
|
|
42235
|
-
bigint: createPrimitiveTypeChecker('bigint'),
|
|
42236
|
-
bool: createPrimitiveTypeChecker('boolean'),
|
|
42237
|
-
func: createPrimitiveTypeChecker('function'),
|
|
42238
|
-
number: createPrimitiveTypeChecker('number'),
|
|
42239
|
-
object: createPrimitiveTypeChecker('object'),
|
|
42240
|
-
string: createPrimitiveTypeChecker('string'),
|
|
42241
|
-
symbol: createPrimitiveTypeChecker('symbol'),
|
|
42242
|
-
|
|
42243
|
-
any: createAnyTypeChecker(),
|
|
42244
|
-
arrayOf: createArrayOfTypeChecker,
|
|
42245
|
-
element: createElementTypeChecker(),
|
|
42246
|
-
elementType: createElementTypeTypeChecker(),
|
|
42247
|
-
instanceOf: createInstanceTypeChecker,
|
|
42248
|
-
node: createNodeChecker(),
|
|
42249
|
-
objectOf: createObjectOfTypeChecker,
|
|
42250
|
-
oneOf: createEnumTypeChecker,
|
|
42251
|
-
oneOfType: createUnionTypeChecker,
|
|
42252
|
-
shape: createShapeTypeChecker,
|
|
42253
|
-
exact: createStrictShapeTypeChecker,
|
|
42254
|
-
};
|
|
42255
|
-
|
|
42256
|
-
/**
|
|
42257
|
-
* inlined Object.is polyfill to avoid requiring consumers ship their own
|
|
42258
|
-
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
|
|
42259
|
-
*/
|
|
42260
|
-
/*eslint-disable no-self-compare*/
|
|
42261
|
-
function is(x, y) {
|
|
42262
|
-
// SameValue algorithm
|
|
42263
|
-
if (x === y) {
|
|
42264
|
-
// Steps 1-5, 7-10
|
|
42265
|
-
// Steps 6.b-6.e: +0 != -0
|
|
42266
|
-
return x !== 0 || 1 / x === 1 / y;
|
|
42267
|
-
} else {
|
|
42268
|
-
// Step 6.a: NaN == NaN
|
|
42269
|
-
return x !== x && y !== y;
|
|
42270
|
-
}
|
|
42271
|
-
}
|
|
42272
|
-
/*eslint-enable no-self-compare*/
|
|
42273
|
-
|
|
42274
|
-
/**
|
|
42275
|
-
* We use an Error-like object for backward compatibility as people may call
|
|
42276
|
-
* PropTypes directly and inspect their output. However, we don't use real
|
|
42277
|
-
* Errors anymore. We don't inspect their stack anyway, and creating them
|
|
42278
|
-
* is prohibitively expensive if they are created too often, such as what
|
|
42279
|
-
* happens in oneOfType() for any type before the one that matched.
|
|
42280
|
-
*/
|
|
42281
|
-
function PropTypeError(message, data) {
|
|
42282
|
-
this.message = message;
|
|
42283
|
-
this.data = data && typeof data === 'object' ? data: {};
|
|
42284
|
-
this.stack = '';
|
|
42285
|
-
}
|
|
42286
|
-
// Make `instanceof Error` still work for returned errors.
|
|
42287
|
-
PropTypeError.prototype = Error.prototype;
|
|
42288
|
-
|
|
42289
|
-
function createChainableTypeChecker(validate) {
|
|
42290
|
-
if (true) {
|
|
42291
|
-
var manualPropTypeCallCache = {};
|
|
42292
|
-
var manualPropTypeWarningCount = 0;
|
|
42293
|
-
}
|
|
42294
|
-
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
|
|
42295
|
-
componentName = componentName || ANONYMOUS;
|
|
42296
|
-
propFullName = propFullName || propName;
|
|
42297
|
-
|
|
42298
|
-
if (secret !== ReactPropTypesSecret) {
|
|
42299
|
-
if (throwOnDirectAccess) {
|
|
42300
|
-
// New behavior only for users of `prop-types` package
|
|
42301
|
-
var err = new Error(
|
|
42302
|
-
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
|
|
42303
|
-
'Use `PropTypes.checkPropTypes()` to call them. ' +
|
|
42304
|
-
'Read more at http://fb.me/use-check-prop-types'
|
|
42305
|
-
);
|
|
42306
|
-
err.name = 'Invariant Violation';
|
|
42307
|
-
throw err;
|
|
42308
|
-
} else if ( true && typeof console !== 'undefined') {
|
|
42309
|
-
// Old behavior for people using React.PropTypes
|
|
42310
|
-
var cacheKey = componentName + ':' + propName;
|
|
42311
|
-
if (
|
|
42312
|
-
!manualPropTypeCallCache[cacheKey] &&
|
|
42313
|
-
// Avoid spamming the console because they are often not actionable except for lib authors
|
|
42314
|
-
manualPropTypeWarningCount < 3
|
|
42315
|
-
) {
|
|
42316
|
-
printWarning(
|
|
42317
|
-
'You are manually calling a React.PropTypes validation ' +
|
|
42318
|
-
'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
|
|
42319
|
-
'and will throw in the standalone `prop-types` package. ' +
|
|
42320
|
-
'You may be seeing this warning due to a third-party PropTypes ' +
|
|
42321
|
-
'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
|
|
42322
|
-
);
|
|
42323
|
-
manualPropTypeCallCache[cacheKey] = true;
|
|
42324
|
-
manualPropTypeWarningCount++;
|
|
42325
|
-
}
|
|
42326
|
-
}
|
|
42327
|
-
}
|
|
42328
|
-
if (props[propName] == null) {
|
|
42329
|
-
if (isRequired) {
|
|
42330
|
-
if (props[propName] === null) {
|
|
42331
|
-
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
|
|
42332
|
-
}
|
|
42333
|
-
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
|
|
42334
|
-
}
|
|
42335
|
-
return null;
|
|
42336
|
-
} else {
|
|
42337
|
-
return validate(props, propName, componentName, location, propFullName);
|
|
42338
|
-
}
|
|
42339
|
-
}
|
|
42340
|
-
|
|
42341
|
-
var chainedCheckType = checkType.bind(null, false);
|
|
42342
|
-
chainedCheckType.isRequired = checkType.bind(null, true);
|
|
42343
|
-
|
|
42344
|
-
return chainedCheckType;
|
|
42345
|
-
}
|
|
42346
|
-
|
|
42347
|
-
function createPrimitiveTypeChecker(expectedType) {
|
|
42348
|
-
function validate(props, propName, componentName, location, propFullName, secret) {
|
|
42349
|
-
var propValue = props[propName];
|
|
42350
|
-
var propType = getPropType(propValue);
|
|
42351
|
-
if (propType !== expectedType) {
|
|
42352
|
-
// `propValue` being instance of, say, date/regexp, pass the 'object'
|
|
42353
|
-
// check, but we can offer a more precise error message here rather than
|
|
42354
|
-
// 'of type `object`'.
|
|
42355
|
-
var preciseType = getPreciseType(propValue);
|
|
42356
|
-
|
|
42357
|
-
return new PropTypeError(
|
|
42358
|
-
'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
|
|
42359
|
-
{expectedType: expectedType}
|
|
42360
|
-
);
|
|
42361
|
-
}
|
|
42362
|
-
return null;
|
|
42363
|
-
}
|
|
42364
|
-
return createChainableTypeChecker(validate);
|
|
42365
|
-
}
|
|
42366
|
-
|
|
42367
|
-
function createAnyTypeChecker() {
|
|
42368
|
-
return createChainableTypeChecker(emptyFunctionThatReturnsNull);
|
|
42369
|
-
}
|
|
42370
|
-
|
|
42371
|
-
function createArrayOfTypeChecker(typeChecker) {
|
|
42372
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42373
|
-
if (typeof typeChecker !== 'function') {
|
|
42374
|
-
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
|
|
42375
|
-
}
|
|
42376
|
-
var propValue = props[propName];
|
|
42377
|
-
if (!Array.isArray(propValue)) {
|
|
42378
|
-
var propType = getPropType(propValue);
|
|
42379
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
|
|
42380
|
-
}
|
|
42381
|
-
for (var i = 0; i < propValue.length; i++) {
|
|
42382
|
-
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
|
|
42383
|
-
if (error instanceof Error) {
|
|
42384
|
-
return error;
|
|
42385
|
-
}
|
|
42386
|
-
}
|
|
42387
|
-
return null;
|
|
42388
|
-
}
|
|
42389
|
-
return createChainableTypeChecker(validate);
|
|
42390
|
-
}
|
|
42391
|
-
|
|
42392
|
-
function createElementTypeChecker() {
|
|
42393
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42394
|
-
var propValue = props[propName];
|
|
42395
|
-
if (!isValidElement(propValue)) {
|
|
42396
|
-
var propType = getPropType(propValue);
|
|
42397
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
|
|
42398
|
-
}
|
|
42399
|
-
return null;
|
|
42400
|
-
}
|
|
42401
|
-
return createChainableTypeChecker(validate);
|
|
42402
|
-
}
|
|
42403
|
-
|
|
42404
|
-
function createElementTypeTypeChecker() {
|
|
42405
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42406
|
-
var propValue = props[propName];
|
|
42407
|
-
if (!ReactIs.isValidElementType(propValue)) {
|
|
42408
|
-
var propType = getPropType(propValue);
|
|
42409
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
|
|
42410
|
-
}
|
|
42411
|
-
return null;
|
|
42412
|
-
}
|
|
42413
|
-
return createChainableTypeChecker(validate);
|
|
42414
|
-
}
|
|
42415
|
-
|
|
42416
|
-
function createInstanceTypeChecker(expectedClass) {
|
|
42417
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42418
|
-
if (!(props[propName] instanceof expectedClass)) {
|
|
42419
|
-
var expectedClassName = expectedClass.name || ANONYMOUS;
|
|
42420
|
-
var actualClassName = getClassName(props[propName]);
|
|
42421
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
|
|
42422
|
-
}
|
|
42423
|
-
return null;
|
|
42424
|
-
}
|
|
42425
|
-
return createChainableTypeChecker(validate);
|
|
42426
|
-
}
|
|
42427
|
-
|
|
42428
|
-
function createEnumTypeChecker(expectedValues) {
|
|
42429
|
-
if (!Array.isArray(expectedValues)) {
|
|
42430
|
-
if (true) {
|
|
42431
|
-
if (arguments.length > 1) {
|
|
42432
|
-
printWarning(
|
|
42433
|
-
'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
|
|
42434
|
-
'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
|
|
42435
|
-
);
|
|
42436
|
-
} else {
|
|
42437
|
-
printWarning('Invalid argument supplied to oneOf, expected an array.');
|
|
42438
|
-
}
|
|
42439
|
-
}
|
|
42440
|
-
return emptyFunctionThatReturnsNull;
|
|
42441
|
-
}
|
|
42442
|
-
|
|
42443
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42444
|
-
var propValue = props[propName];
|
|
42445
|
-
for (var i = 0; i < expectedValues.length; i++) {
|
|
42446
|
-
if (is(propValue, expectedValues[i])) {
|
|
42447
|
-
return null;
|
|
42448
|
-
}
|
|
42449
|
-
}
|
|
42450
|
-
|
|
42451
|
-
var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
|
|
42452
|
-
var type = getPreciseType(value);
|
|
42453
|
-
if (type === 'symbol') {
|
|
42454
|
-
return String(value);
|
|
42455
|
-
}
|
|
42456
|
-
return value;
|
|
42457
|
-
});
|
|
42458
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
|
|
42459
|
-
}
|
|
42460
|
-
return createChainableTypeChecker(validate);
|
|
42461
|
-
}
|
|
42462
|
-
|
|
42463
|
-
function createObjectOfTypeChecker(typeChecker) {
|
|
42464
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42465
|
-
if (typeof typeChecker !== 'function') {
|
|
42466
|
-
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
|
|
42467
|
-
}
|
|
42468
|
-
var propValue = props[propName];
|
|
42469
|
-
var propType = getPropType(propValue);
|
|
42470
|
-
if (propType !== 'object') {
|
|
42471
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
|
|
42472
|
-
}
|
|
42473
|
-
for (var key in propValue) {
|
|
42474
|
-
if (has(propValue, key)) {
|
|
42475
|
-
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
42476
|
-
if (error instanceof Error) {
|
|
42477
|
-
return error;
|
|
42478
|
-
}
|
|
42479
|
-
}
|
|
42480
|
-
}
|
|
42481
|
-
return null;
|
|
42482
|
-
}
|
|
42483
|
-
return createChainableTypeChecker(validate);
|
|
42484
|
-
}
|
|
42485
|
-
|
|
42486
|
-
function createUnionTypeChecker(arrayOfTypeCheckers) {
|
|
42487
|
-
if (!Array.isArray(arrayOfTypeCheckers)) {
|
|
42488
|
-
true ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : 0;
|
|
42489
|
-
return emptyFunctionThatReturnsNull;
|
|
42490
|
-
}
|
|
42491
|
-
|
|
42492
|
-
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
42493
|
-
var checker = arrayOfTypeCheckers[i];
|
|
42494
|
-
if (typeof checker !== 'function') {
|
|
42495
|
-
printWarning(
|
|
42496
|
-
'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
|
|
42497
|
-
'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
|
|
42498
|
-
);
|
|
42499
|
-
return emptyFunctionThatReturnsNull;
|
|
42500
|
-
}
|
|
42501
|
-
}
|
|
42502
|
-
|
|
42503
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42504
|
-
var expectedTypes = [];
|
|
42505
|
-
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
42506
|
-
var checker = arrayOfTypeCheckers[i];
|
|
42507
|
-
var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
|
|
42508
|
-
if (checkerResult == null) {
|
|
42509
|
-
return null;
|
|
42510
|
-
}
|
|
42511
|
-
if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
|
|
42512
|
-
expectedTypes.push(checkerResult.data.expectedType);
|
|
42513
|
-
}
|
|
42514
|
-
}
|
|
42515
|
-
var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
|
|
42516
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
|
|
42517
|
-
}
|
|
42518
|
-
return createChainableTypeChecker(validate);
|
|
42519
|
-
}
|
|
42520
|
-
|
|
42521
|
-
function createNodeChecker() {
|
|
42522
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42523
|
-
if (!isNode(props[propName])) {
|
|
42524
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
|
|
42525
|
-
}
|
|
42526
|
-
return null;
|
|
42527
|
-
}
|
|
42528
|
-
return createChainableTypeChecker(validate);
|
|
42529
|
-
}
|
|
42530
|
-
|
|
42531
|
-
function invalidValidatorError(componentName, location, propFullName, key, type) {
|
|
42532
|
-
return new PropTypeError(
|
|
42533
|
-
(componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
|
|
42534
|
-
'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
|
|
42535
|
-
);
|
|
42536
|
-
}
|
|
42537
|
-
|
|
42538
|
-
function createShapeTypeChecker(shapeTypes) {
|
|
42539
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42540
|
-
var propValue = props[propName];
|
|
42541
|
-
var propType = getPropType(propValue);
|
|
42542
|
-
if (propType !== 'object') {
|
|
42543
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
42544
|
-
}
|
|
42545
|
-
for (var key in shapeTypes) {
|
|
42546
|
-
var checker = shapeTypes[key];
|
|
42547
|
-
if (typeof checker !== 'function') {
|
|
42548
|
-
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
42549
|
-
}
|
|
42550
|
-
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
42551
|
-
if (error) {
|
|
42552
|
-
return error;
|
|
42553
|
-
}
|
|
42554
|
-
}
|
|
42555
|
-
return null;
|
|
42556
|
-
}
|
|
42557
|
-
return createChainableTypeChecker(validate);
|
|
42558
|
-
}
|
|
42559
|
-
|
|
42560
|
-
function createStrictShapeTypeChecker(shapeTypes) {
|
|
42561
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
42562
|
-
var propValue = props[propName];
|
|
42563
|
-
var propType = getPropType(propValue);
|
|
42564
|
-
if (propType !== 'object') {
|
|
42565
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
42566
|
-
}
|
|
42567
|
-
// We need to check all keys in case some are required but missing from props.
|
|
42568
|
-
var allKeys = assign({}, props[propName], shapeTypes);
|
|
42569
|
-
for (var key in allKeys) {
|
|
42570
|
-
var checker = shapeTypes[key];
|
|
42571
|
-
if (has(shapeTypes, key) && typeof checker !== 'function') {
|
|
42572
|
-
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
42573
|
-
}
|
|
42574
|
-
if (!checker) {
|
|
42575
|
-
return new PropTypeError(
|
|
42576
|
-
'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
|
|
42577
|
-
'\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
|
|
42578
|
-
'\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
|
|
42579
|
-
);
|
|
42580
|
-
}
|
|
42581
|
-
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
42582
|
-
if (error) {
|
|
42583
|
-
return error;
|
|
42584
|
-
}
|
|
42585
|
-
}
|
|
42586
|
-
return null;
|
|
42587
|
-
}
|
|
42588
|
-
|
|
42589
|
-
return createChainableTypeChecker(validate);
|
|
42590
|
-
}
|
|
42591
|
-
|
|
42592
|
-
function isNode(propValue) {
|
|
42593
|
-
switch (typeof propValue) {
|
|
42594
|
-
case 'number':
|
|
42595
|
-
case 'string':
|
|
42596
|
-
case 'undefined':
|
|
42597
|
-
return true;
|
|
42598
|
-
case 'boolean':
|
|
42599
|
-
return !propValue;
|
|
42600
|
-
case 'object':
|
|
42601
|
-
if (Array.isArray(propValue)) {
|
|
42602
|
-
return propValue.every(isNode);
|
|
42603
|
-
}
|
|
42604
|
-
if (propValue === null || isValidElement(propValue)) {
|
|
42605
|
-
return true;
|
|
42606
|
-
}
|
|
42607
|
-
|
|
42608
|
-
var iteratorFn = getIteratorFn(propValue);
|
|
42609
|
-
if (iteratorFn) {
|
|
42610
|
-
var iterator = iteratorFn.call(propValue);
|
|
42611
|
-
var step;
|
|
42612
|
-
if (iteratorFn !== propValue.entries) {
|
|
42613
|
-
while (!(step = iterator.next()).done) {
|
|
42614
|
-
if (!isNode(step.value)) {
|
|
42615
|
-
return false;
|
|
42616
|
-
}
|
|
42617
|
-
}
|
|
42618
|
-
} else {
|
|
42619
|
-
// Iterator will provide entry [k,v] tuples rather than values.
|
|
42620
|
-
while (!(step = iterator.next()).done) {
|
|
42621
|
-
var entry = step.value;
|
|
42622
|
-
if (entry) {
|
|
42623
|
-
if (!isNode(entry[1])) {
|
|
42624
|
-
return false;
|
|
42625
|
-
}
|
|
42626
|
-
}
|
|
42627
|
-
}
|
|
42628
|
-
}
|
|
42629
|
-
} else {
|
|
42630
|
-
return false;
|
|
42631
|
-
}
|
|
42632
|
-
|
|
42633
|
-
return true;
|
|
42634
|
-
default:
|
|
42635
|
-
return false;
|
|
42636
|
-
}
|
|
42637
|
-
}
|
|
42638
|
-
|
|
42639
|
-
function isSymbol(propType, propValue) {
|
|
42640
|
-
// Native Symbol.
|
|
42641
|
-
if (propType === 'symbol') {
|
|
42642
|
-
return true;
|
|
42643
|
-
}
|
|
42644
|
-
|
|
42645
|
-
// falsy value can't be a Symbol
|
|
42646
|
-
if (!propValue) {
|
|
42647
|
-
return false;
|
|
42648
|
-
}
|
|
42649
|
-
|
|
42650
|
-
// 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
|
|
42651
|
-
if (propValue['@@toStringTag'] === 'Symbol') {
|
|
42652
|
-
return true;
|
|
42653
|
-
}
|
|
42654
|
-
|
|
42655
|
-
// Fallback for non-spec compliant Symbols which are polyfilled.
|
|
42656
|
-
if (typeof Symbol === 'function' && propValue instanceof Symbol) {
|
|
42657
|
-
return true;
|
|
42658
|
-
}
|
|
42659
|
-
|
|
42660
|
-
return false;
|
|
42661
|
-
}
|
|
42662
|
-
|
|
42663
|
-
// Equivalent of `typeof` but with special handling for array and regexp.
|
|
42664
|
-
function getPropType(propValue) {
|
|
42665
|
-
var propType = typeof propValue;
|
|
42666
|
-
if (Array.isArray(propValue)) {
|
|
42667
|
-
return 'array';
|
|
42668
|
-
}
|
|
42669
|
-
if (propValue instanceof RegExp) {
|
|
42670
|
-
// Old webkits (at least until Android 4.0) return 'function' rather than
|
|
42671
|
-
// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
|
|
42672
|
-
// passes PropTypes.object.
|
|
42673
|
-
return 'object';
|
|
42674
|
-
}
|
|
42675
|
-
if (isSymbol(propType, propValue)) {
|
|
42676
|
-
return 'symbol';
|
|
42677
|
-
}
|
|
42678
|
-
return propType;
|
|
42679
|
-
}
|
|
42680
|
-
|
|
42681
|
-
// This handles more types than `getPropType`. Only used for error messages.
|
|
42682
|
-
// See `createPrimitiveTypeChecker`.
|
|
42683
|
-
function getPreciseType(propValue) {
|
|
42684
|
-
if (typeof propValue === 'undefined' || propValue === null) {
|
|
42685
|
-
return '' + propValue;
|
|
42686
|
-
}
|
|
42687
|
-
var propType = getPropType(propValue);
|
|
42688
|
-
if (propType === 'object') {
|
|
42689
|
-
if (propValue instanceof Date) {
|
|
42690
|
-
return 'date';
|
|
42691
|
-
} else if (propValue instanceof RegExp) {
|
|
42692
|
-
return 'regexp';
|
|
42693
|
-
}
|
|
42694
|
-
}
|
|
42695
|
-
return propType;
|
|
42696
|
-
}
|
|
42697
|
-
|
|
42698
|
-
// Returns a string that is postfixed to a warning about an invalid type.
|
|
42699
|
-
// For example, "undefined" or "of type array"
|
|
42700
|
-
function getPostfixForTypeWarning(value) {
|
|
42701
|
-
var type = getPreciseType(value);
|
|
42702
|
-
switch (type) {
|
|
42703
|
-
case 'array':
|
|
42704
|
-
case 'object':
|
|
42705
|
-
return 'an ' + type;
|
|
42706
|
-
case 'boolean':
|
|
42707
|
-
case 'date':
|
|
42708
|
-
case 'regexp':
|
|
42709
|
-
return 'a ' + type;
|
|
42710
|
-
default:
|
|
42711
|
-
return type;
|
|
42712
|
-
}
|
|
42713
|
-
}
|
|
42714
|
-
|
|
42715
|
-
// Returns class name of the object, if any.
|
|
42716
|
-
function getClassName(propValue) {
|
|
42717
|
-
if (!propValue.constructor || !propValue.constructor.name) {
|
|
42718
|
-
return ANONYMOUS;
|
|
42719
|
-
}
|
|
42720
|
-
return propValue.constructor.name;
|
|
42721
|
-
}
|
|
42722
|
-
|
|
42723
|
-
ReactPropTypes.checkPropTypes = checkPropTypes;
|
|
42724
|
-
ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
|
|
42725
|
-
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
42726
|
-
|
|
42727
|
-
return ReactPropTypes;
|
|
42728
|
-
};
|
|
42729
|
-
|
|
42730
|
-
|
|
42731
|
-
/***/ }),
|
|
42732
|
-
|
|
42733
|
-
/***/ "./node_modules/prop-types/index.js":
|
|
42734
|
-
/*!******************************************!*\
|
|
42735
|
-
!*** ./node_modules/prop-types/index.js ***!
|
|
42736
|
-
\******************************************/
|
|
42737
|
-
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
|
42738
|
-
|
|
42739
|
-
/**
|
|
42740
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
42741
|
-
*
|
|
42742
|
-
* This source code is licensed under the MIT license found in the
|
|
42743
|
-
* LICENSE file in the root directory of this source tree.
|
|
42744
|
-
*/
|
|
42745
|
-
|
|
42746
|
-
if (true) {
|
|
42747
|
-
var ReactIs = __webpack_require__(/*! react-is */ "./node_modules/react-is/index.js");
|
|
42748
|
-
|
|
42749
|
-
// By explicitly using `prop-types` you are opting into new development behavior.
|
|
42750
|
-
// http://fb.me/prop-types-in-prod
|
|
42751
|
-
var throwOnDirectAccess = true;
|
|
42752
|
-
module.exports = __webpack_require__(/*! ./factoryWithTypeCheckers */ "./node_modules/prop-types/factoryWithTypeCheckers.js")(ReactIs.isElement, throwOnDirectAccess);
|
|
42753
|
-
} else {}
|
|
42754
|
-
|
|
42755
|
-
|
|
42756
|
-
/***/ }),
|
|
42757
|
-
|
|
42758
|
-
/***/ "./node_modules/prop-types/lib/ReactPropTypesSecret.js":
|
|
42759
|
-
/*!*************************************************************!*\
|
|
42760
|
-
!*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
|
|
42761
|
-
\*************************************************************/
|
|
42762
|
-
/***/ ((module) => {
|
|
42763
|
-
|
|
42764
|
-
"use strict";
|
|
42765
|
-
/**
|
|
42766
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
42767
|
-
*
|
|
42768
|
-
* This source code is licensed under the MIT license found in the
|
|
42769
|
-
* LICENSE file in the root directory of this source tree.
|
|
42770
|
-
*/
|
|
42771
|
-
|
|
42772
|
-
|
|
42773
|
-
|
|
42774
|
-
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
42775
|
-
|
|
42776
|
-
module.exports = ReactPropTypesSecret;
|
|
42777
|
-
|
|
42778
|
-
|
|
42779
|
-
/***/ }),
|
|
42780
|
-
|
|
42781
|
-
/***/ "./node_modules/prop-types/lib/has.js":
|
|
42782
|
-
/*!********************************************!*\
|
|
42783
|
-
!*** ./node_modules/prop-types/lib/has.js ***!
|
|
42784
|
-
\********************************************/
|
|
42785
|
-
/***/ ((module) => {
|
|
42786
|
-
|
|
42787
|
-
module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
42788
|
-
|
|
42789
|
-
|
|
42790
41895
|
/***/ }),
|
|
42791
41896
|
|
|
42792
41897
|
/***/ "./node_modules/react-day-picker/dist/index.esm.js":
|
|
@@ -55641,6 +54746,17 @@ var index = react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect ;
|
|
|
55641
54746
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (index);
|
|
55642
54747
|
|
|
55643
54748
|
|
|
54749
|
+
/***/ }),
|
|
54750
|
+
|
|
54751
|
+
/***/ "prop-types":
|
|
54752
|
+
/*!*****************************!*\
|
|
54753
|
+
!*** external "prop-types" ***!
|
|
54754
|
+
\*****************************/
|
|
54755
|
+
/***/ ((module) => {
|
|
54756
|
+
|
|
54757
|
+
"use strict";
|
|
54758
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE_prop_types__;
|
|
54759
|
+
|
|
55644
54760
|
/***/ }),
|
|
55645
54761
|
|
|
55646
54762
|
/***/ "react":
|