@commercetools-uikit/field-label 15.11.2 → 15.13.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.
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _styled = require('@emotion/styled/base');
|
|
5
6
|
var _pt = require('prop-types');
|
|
6
7
|
var react = require('react');
|
|
7
8
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -10,7 +11,6 @@ var IconButton = require('@commercetools-uikit/icon-button');
|
|
|
10
11
|
var icons = require('@commercetools-uikit/icons');
|
|
11
12
|
var Text = require('@commercetools-uikit/text');
|
|
12
13
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
13
|
-
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
14
14
|
var Inline = require('@commercetools-uikit/spacings-inline');
|
|
15
15
|
var Label = require('@commercetools-uikit/label');
|
|
16
16
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
@@ -18,23 +18,41 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
18
18
|
|
|
19
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
20
20
|
|
|
21
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
21
22
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
22
23
|
var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
|
|
23
24
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
24
25
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
25
|
-
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
26
26
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
27
27
|
var Label__default = /*#__PURE__*/_interopDefault(Label);
|
|
28
28
|
|
|
29
29
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
30
30
|
|
|
31
|
+
/*
|
|
32
|
+
This is needed to deal with every FieldLabel row vertical spacing
|
|
33
|
+
when provided `hint` or `description` is a React component which
|
|
34
|
+
might render nothing.
|
|
35
|
+
Previously we were using the `Stack` component but, as we are wrapping
|
|
36
|
+
those props values with some elements, `Stack` was including some vertical
|
|
37
|
+
spacing even when the received values did not render anything.
|
|
38
|
+
|
|
39
|
+
The implementation is tightly coupled to how we currently wrap
|
|
40
|
+
those props, so if we change that, we will need to adjust this as well.
|
|
41
|
+
*/
|
|
42
|
+
var LabelRowWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
43
|
+
target: "erir8oc0"
|
|
44
|
+
} : {
|
|
45
|
+
target: "erir8oc0",
|
|
46
|
+
label: "LabelRowWrapper"
|
|
47
|
+
})("& [data-key='field-label-hint-wrapper'],& [data-key='field-label-description-wrapper']{margin-top:", designSystem.designTokens.spacing10, "!important;}& [data-key='field-label-hint-wrapper']:empty,& [data-key='field-label-description-wrapper']:empty{margin-top:0!important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnR2tDIiwiZmlsZSI6ImZpZWxkLWxhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJbmZvcm1hdGlvbkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgSW5saW5lIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLWlubGluZSc7XG5pbXBvcnQgTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbGFiZWwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG5leHBvcnQgdHlwZSBURmllbGRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGxhYmVsXG4gICAqL1xuICB0aXRsZTogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICAvKipcbiAgICogSGludCBmb3IgdGhlIGxhYmVsLiBQcm92aWRlcyBhIHN1cHBsZW1lbnRhcnkgYnV0IGltcG9ydGFudCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGJlaGF2aW91ciBvZiB0aGUgaW5wdXQgKGUuZyB3YXJuIGFib3V0IHVuaXF1ZW5lc3Mgb2YgYSBmaWVsZCwgd2hlbiBpdCBjYW4gb25seSBiZSBzZXQgb25jZSksIHdoZXJlYXMgZGVzY3JpcHRpb24gY2FuIGRlc2NyaWJlIGl0IGluIG1vcmUgZGVwdGguIENhbiBhbHNvIHJlY2VpdmUgYSBoaW50SWNvbi5cbiAgICovXG4gIGhpbnQ/OiBzdHJpbmcgfCBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGRlc2NyaXB0aW9uIGZvciB0aGUgdGl0bGUuXG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIGluZm8gYnV0dG9uIGlzIHByZXNzZWQuIEluZm8gYnV0dG9uIHdpbGwgb25seSBiZSB2aXNpYmxlIHdoZW4gdGhpcyBwcm9wIGlzIHBhc3NlZC5cbiAgICovXG4gIG9uSW5mb0J1dHRvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGhpbnQgdGV4dC4gV2lsbCBvbmx5IGdldCByZW5kZXJlZCB3aGVuIGhpbnQgaXMgcGFzc2VkIGFzIHdlbGwuXG4gICAqL1xuICBoaW50SWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIEJhZGdlIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGxhYmVsLiBNaWdodCBiZSB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBhYm91dCB0aGUgY29udGVudCBvZiB0aGUgZmllbGQgKEUuZyB2ZXJpZmllZCBlbWFpbClcbiAgICovXG4gIGJhZGdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICAgKi9cbiAgaGFzUmVxdWlyZWRJbmRpY2F0b3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGZvciBIVE1MIGF0dHJpYnV0ZSwgdXNlZCB0byByZWZlcmVuY2UgZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBpZCBvciBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGlkIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgbGFiZWwuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuLypcbiAgVGhpcyBpcyBuZWVkZWQgdG8gZGVhbCB3aXRoIGV2ZXJ5IEZpZWxkTGFiZWwgcm93IHZlcnRpY2FsIHNwYWNpbmdcbiAgd2hlbiBwcm92aWRlZCBgaGludGAgb3IgYGRlc2NyaXB0aW9uYCBpcyBhIFJlYWN0IGNvbXBvbmVudCB3aGljaFxuICBtaWdodCByZW5kZXIgbm90aGluZy5cbiAgUHJldmlvdXNseSB3ZSB3ZXJlIHVzaW5nIHRoZSBgU3RhY2tgIGNvbXBvbmVudCBidXQsIGFzIHdlIGFyZSB3cmFwcGluZ1xuICB0aG9zZSBwcm9wcyB2YWx1ZXMgd2l0aCBzb21lIGVsZW1lbnRzLCBgU3RhY2tgIHdhcyBpbmNsdWRpbmcgc29tZSB2ZXJ0aWNhbFxuICBzcGFjaW5nIGV2ZW4gd2hlbiB0aGUgcmVjZWl2ZWQgdmFsdWVzIGRpZCBub3QgcmVuZGVyIGFueXRoaW5nLlxuXG4gIFRoZSBpbXBsZW1lbnRhdGlvbiBpcyB0aWdodGx5IGNvdXBsZWQgdG8gaG93IHdlIGN1cnJlbnRseSB3cmFwXG4gIHRob3NlIHByb3BzLCBzbyBpZiB3ZSBjaGFuZ2UgdGhhdCwgd2Ugd2lsbCBuZWVkIHRvIGFkanVzdCB0aGlzIGFzIHdlbGwuXG4qL1xuY29uc3QgTGFiZWxSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddLFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddIHtcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICFpbXBvcnRhbnQ7XG4gIH1cbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddOmVtcHR5LFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddOmVtcHR5IHtcbiAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSAocHJvcHM6IFRGaWVsZExhYmVsUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICBpZiAocHJvcHMuaGludEljb24pIHtcbiAgICB3YXJuaW5nKFxuICAgICAgcHJvcHMuaGludEljb24ucHJvcHMuc2l6ZSA9PT0gdW5kZWZpbmVkLFxuICAgICAgJ3VpLWtpdC9GaWVsZExhYmVsOiBzZXR0aW5nIGBoaW50SWNvbmAgc2l6ZSBpcyBub3Qgc3VwcG9ydGVkLidcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgIEJvb2xlYW4ocHJvcHMuaGludCksXG4gICAgICAndWkta2l0L0ZpZWxkTGFiZWw6IGBoaW50YCBpcyByZXF1aXJlZCB3aGVuIGBoaW50SWNvbmAgaXMgcHJvdmlkZWQnXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8SW5saW5lXG4gICAgICAgIGFsaWduSXRlbXM9e3RoZW1lID09PSAnZGVmYXVsdCcgPyAnZmxleFN0YXJ0JyA6ICdjZW50ZXInfVxuICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGlzQm9sZD17dGhlbWUgPT09ICdkZWZhdWx0J31cbiAgICAgICAgICAgIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPXtwcm9wcy5oYXNSZXF1aXJlZEluZGljYXRvcn1cbiAgICAgICAgICAgIHRvbmU9e3Byb3BzLnRvbmV9XG4gICAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAge3Byb3BzLm9uSW5mb0J1dHRvbkNsaWNrICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9XCJNb3JlIEluZm9cIlxuICAgICAgICAgICAgaWNvbj17PEluZm9ybWF0aW9uSWNvbiBzaXplPVwibWVkaXVtXCIgLz59XG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25JbmZvQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuXG4gICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgYWxpZ25JdGVtcz17dGhlbWUgPT09ICdkZWZhdWx0JyA/ICdmbGV4U3RhcnQnIDogJ2NlbnRlcid9XG4gICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cHJvcHMuaGludEljb24gJiYgKFxuICAgICAgICAgICAgICA8SW5saW5lIGRhdGEta2V5PVwiZmllbGQtbGFiZWwtaGludC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5oaW50SWNvbiwge1xuICAgICAgICAgICAgICAgICAgLy8gRklYTUU6IGFkZCBwcm9wZXIgdG9uZSB3aGVuIHRvbmVzIGFyZSByZWZhY3RvcmVkXG4gICAgICAgICAgICAgICAgICBzaXplOiAnbWVkaXVtJyxcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiBwcm9wcy5oaW50SWNvbi5wcm9wcy5jb2xvciB8fCAnd2FybmluZycsXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtwcm9wcy5oaW50ICYmIChcbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsXG4gICAgICAgICAgICAgICAgdG9uZT17dGhlbWUgPT09ICdkZWZhdWx0JyA/IHByb3BzLnRvbmUgOiAnc2Vjb25kYXJ5J31cbiAgICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlclwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuaGludH1cbiAgICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvTGFiZWxSb3dXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICAgICAgICB0b25lPXt0aGVtZSA9PT0gJ2RlZmF1bHQnID8gcHJvcHMudG9uZSA6ICdzZWNvbmRhcnknfVxuICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWRlc2NyaXB0aW9uLXdyYXBwZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMuZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQuRGV0YWlsPlxuICAgICAgICAgIDwvVGV4dC5XcmFwPlxuICAgICAgICA8L0xhYmVsUm93V3JhcHBlcj5cbiAgICAgICl9XG5cbiAgICAgIHtwcm9wcy5iYWRnZSAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7cHJvcHMuYmFkZ2V9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5GaWVsZExhYmVsLmRpc3BsYXlOYW1lID0gJ0ZpZWxkTGFiZWwnO1xuRmllbGRMYWJlbC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRmllbGRMYWJlbDtcbiJdfQ== */"));
|
|
48
|
+
|
|
31
49
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
32
50
|
name: "skgbeu",
|
|
33
51
|
styles: "display:flex;justify-content:flex-end"
|
|
34
52
|
} : {
|
|
35
53
|
name: "pfzph7-FieldLabel",
|
|
36
54
|
styles: "display:flex;justify-content:flex-end;label:FieldLabel;",
|
|
37
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
55
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4TGtCIiwiZmlsZSI6ImZpZWxkLWxhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJbmZvcm1hdGlvbkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgSW5saW5lIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLWlubGluZSc7XG5pbXBvcnQgTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbGFiZWwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG5leHBvcnQgdHlwZSBURmllbGRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGxhYmVsXG4gICAqL1xuICB0aXRsZTogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICAvKipcbiAgICogSGludCBmb3IgdGhlIGxhYmVsLiBQcm92aWRlcyBhIHN1cHBsZW1lbnRhcnkgYnV0IGltcG9ydGFudCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGJlaGF2aW91ciBvZiB0aGUgaW5wdXQgKGUuZyB3YXJuIGFib3V0IHVuaXF1ZW5lc3Mgb2YgYSBmaWVsZCwgd2hlbiBpdCBjYW4gb25seSBiZSBzZXQgb25jZSksIHdoZXJlYXMgZGVzY3JpcHRpb24gY2FuIGRlc2NyaWJlIGl0IGluIG1vcmUgZGVwdGguIENhbiBhbHNvIHJlY2VpdmUgYSBoaW50SWNvbi5cbiAgICovXG4gIGhpbnQ/OiBzdHJpbmcgfCBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGRlc2NyaXB0aW9uIGZvciB0aGUgdGl0bGUuXG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIGluZm8gYnV0dG9uIGlzIHByZXNzZWQuIEluZm8gYnV0dG9uIHdpbGwgb25seSBiZSB2aXNpYmxlIHdoZW4gdGhpcyBwcm9wIGlzIHBhc3NlZC5cbiAgICovXG4gIG9uSW5mb0J1dHRvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGhpbnQgdGV4dC4gV2lsbCBvbmx5IGdldCByZW5kZXJlZCB3aGVuIGhpbnQgaXMgcGFzc2VkIGFzIHdlbGwuXG4gICAqL1xuICBoaW50SWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIEJhZGdlIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGxhYmVsLiBNaWdodCBiZSB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBhYm91dCB0aGUgY29udGVudCBvZiB0aGUgZmllbGQgKEUuZyB2ZXJpZmllZCBlbWFpbClcbiAgICovXG4gIGJhZGdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICAgKi9cbiAgaGFzUmVxdWlyZWRJbmRpY2F0b3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGZvciBIVE1MIGF0dHJpYnV0ZSwgdXNlZCB0byByZWZlcmVuY2UgZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBpZCBvciBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGlkIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgbGFiZWwuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuLypcbiAgVGhpcyBpcyBuZWVkZWQgdG8gZGVhbCB3aXRoIGV2ZXJ5IEZpZWxkTGFiZWwgcm93IHZlcnRpY2FsIHNwYWNpbmdcbiAgd2hlbiBwcm92aWRlZCBgaGludGAgb3IgYGRlc2NyaXB0aW9uYCBpcyBhIFJlYWN0IGNvbXBvbmVudCB3aGljaFxuICBtaWdodCByZW5kZXIgbm90aGluZy5cbiAgUHJldmlvdXNseSB3ZSB3ZXJlIHVzaW5nIHRoZSBgU3RhY2tgIGNvbXBvbmVudCBidXQsIGFzIHdlIGFyZSB3cmFwcGluZ1xuICB0aG9zZSBwcm9wcyB2YWx1ZXMgd2l0aCBzb21lIGVsZW1lbnRzLCBgU3RhY2tgIHdhcyBpbmNsdWRpbmcgc29tZSB2ZXJ0aWNhbFxuICBzcGFjaW5nIGV2ZW4gd2hlbiB0aGUgcmVjZWl2ZWQgdmFsdWVzIGRpZCBub3QgcmVuZGVyIGFueXRoaW5nLlxuXG4gIFRoZSBpbXBsZW1lbnRhdGlvbiBpcyB0aWdodGx5IGNvdXBsZWQgdG8gaG93IHdlIGN1cnJlbnRseSB3cmFwXG4gIHRob3NlIHByb3BzLCBzbyBpZiB3ZSBjaGFuZ2UgdGhhdCwgd2Ugd2lsbCBuZWVkIHRvIGFkanVzdCB0aGlzIGFzIHdlbGwuXG4qL1xuY29uc3QgTGFiZWxSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddLFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddIHtcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICFpbXBvcnRhbnQ7XG4gIH1cbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddOmVtcHR5LFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddOmVtcHR5IHtcbiAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSAocHJvcHM6IFRGaWVsZExhYmVsUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICBpZiAocHJvcHMuaGludEljb24pIHtcbiAgICB3YXJuaW5nKFxuICAgICAgcHJvcHMuaGludEljb24ucHJvcHMuc2l6ZSA9PT0gdW5kZWZpbmVkLFxuICAgICAgJ3VpLWtpdC9GaWVsZExhYmVsOiBzZXR0aW5nIGBoaW50SWNvbmAgc2l6ZSBpcyBub3Qgc3VwcG9ydGVkLidcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgIEJvb2xlYW4ocHJvcHMuaGludCksXG4gICAgICAndWkta2l0L0ZpZWxkTGFiZWw6IGBoaW50YCBpcyByZXF1aXJlZCB3aGVuIGBoaW50SWNvbmAgaXMgcHJvdmlkZWQnXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8SW5saW5lXG4gICAgICAgIGFsaWduSXRlbXM9e3RoZW1lID09PSAnZGVmYXVsdCcgPyAnZmxleFN0YXJ0JyA6ICdjZW50ZXInfVxuICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGlzQm9sZD17dGhlbWUgPT09ICdkZWZhdWx0J31cbiAgICAgICAgICAgIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPXtwcm9wcy5oYXNSZXF1aXJlZEluZGljYXRvcn1cbiAgICAgICAgICAgIHRvbmU9e3Byb3BzLnRvbmV9XG4gICAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAge3Byb3BzLm9uSW5mb0J1dHRvbkNsaWNrICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9XCJNb3JlIEluZm9cIlxuICAgICAgICAgICAgaWNvbj17PEluZm9ybWF0aW9uSWNvbiBzaXplPVwibWVkaXVtXCIgLz59XG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25JbmZvQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuXG4gICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgYWxpZ25JdGVtcz17dGhlbWUgPT09ICdkZWZhdWx0JyA/ICdmbGV4U3RhcnQnIDogJ2NlbnRlcid9XG4gICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cHJvcHMuaGludEljb24gJiYgKFxuICAgICAgICAgICAgICA8SW5saW5lIGRhdGEta2V5PVwiZmllbGQtbGFiZWwtaGludC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5oaW50SWNvbiwge1xuICAgICAgICAgICAgICAgICAgLy8gRklYTUU6IGFkZCBwcm9wZXIgdG9uZSB3aGVuIHRvbmVzIGFyZSByZWZhY3RvcmVkXG4gICAgICAgICAgICAgICAgICBzaXplOiAnbWVkaXVtJyxcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiBwcm9wcy5oaW50SWNvbi5wcm9wcy5jb2xvciB8fCAnd2FybmluZycsXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtwcm9wcy5oaW50ICYmIChcbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsXG4gICAgICAgICAgICAgICAgdG9uZT17dGhlbWUgPT09ICdkZWZhdWx0JyA/IHByb3BzLnRvbmUgOiAnc2Vjb25kYXJ5J31cbiAgICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlclwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuaGludH1cbiAgICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvTGFiZWxSb3dXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICAgICAgICB0b25lPXt0aGVtZSA9PT0gJ2RlZmF1bHQnID8gcHJvcHMudG9uZSA6ICdzZWNvbmRhcnknfVxuICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWRlc2NyaXB0aW9uLXdyYXBwZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMuZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQuRGV0YWlsPlxuICAgICAgICAgIDwvVGV4dC5XcmFwPlxuICAgICAgICA8L0xhYmVsUm93V3JhcHBlcj5cbiAgICAgICl9XG5cbiAgICAgIHtwcm9wcy5iYWRnZSAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7cHJvcHMuYmFkZ2V9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5GaWVsZExhYmVsLmRpc3BsYXlOYW1lID0gJ0ZpZWxkTGFiZWwnO1xuRmllbGRMYWJlbC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRmllbGRMYWJlbDtcbiJdfQ== */",
|
|
38
56
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
57
|
};
|
|
40
58
|
|
|
@@ -47,34 +65,34 @@ var FieldLabel = function FieldLabel(props) {
|
|
|
47
65
|
process.env.NODE_ENV !== "production" ? utils.warning(Boolean(props.hint), 'ui-kit/FieldLabel: `hint` is required when `hintIcon` is provided') : void 0;
|
|
48
66
|
}
|
|
49
67
|
|
|
50
|
-
return jsxRuntime.
|
|
68
|
+
return jsxRuntime.jsxs(Constraints__default["default"].Horizontal, {
|
|
51
69
|
max: props.horizontalConstraint,
|
|
52
|
-
children: jsxRuntime.jsxs(
|
|
70
|
+
children: [jsxRuntime.jsxs(Inline__default["default"], {
|
|
71
|
+
alignItems: theme === 'default' ? 'flexStart' : 'center',
|
|
53
72
|
scale: "xs",
|
|
54
|
-
children: [jsxRuntime.
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
})]
|
|
74
|
-
}), props.hint && jsxRuntime.jsxs(Inline__default["default"], {
|
|
73
|
+
children: [jsxRuntime.jsx(Text__default["default"].Wrap, {
|
|
74
|
+
children: jsxRuntime.jsx(Label__default["default"], {
|
|
75
|
+
isBold: theme === 'default',
|
|
76
|
+
isRequiredIndicatorVisible: props.hasRequiredIndicator,
|
|
77
|
+
tone: props.tone,
|
|
78
|
+
id: props.id,
|
|
79
|
+
htmlFor: props.htmlFor,
|
|
80
|
+
children: props.title
|
|
81
|
+
})
|
|
82
|
+
}), props.onInfoButtonClick && jsxRuntime.jsx(IconButton__default["default"], {
|
|
83
|
+
label: "More Info",
|
|
84
|
+
icon: jsxRuntime.jsx(icons.InformationIcon, {
|
|
85
|
+
size: "medium"
|
|
86
|
+
}),
|
|
87
|
+
size: "small",
|
|
88
|
+
onClick: props.onInfoButtonClick
|
|
89
|
+
})]
|
|
90
|
+
}), props.hint && jsxRuntime.jsx(LabelRowWrapper, {
|
|
91
|
+
children: jsxRuntime.jsxs(Inline__default["default"], {
|
|
75
92
|
alignItems: theme === 'default' ? 'flexStart' : 'center',
|
|
76
93
|
scale: "xs",
|
|
77
94
|
children: [props.hintIcon && jsxRuntime.jsx(Inline__default["default"], {
|
|
95
|
+
"data-key": "field-label-hint-wrapper",
|
|
78
96
|
children: /*#__PURE__*/react.cloneElement(props.hintIcon, {
|
|
79
97
|
// FIXME: add proper tone when tones are refactored
|
|
80
98
|
size: 'medium',
|
|
@@ -82,18 +100,22 @@ var FieldLabel = function FieldLabel(props) {
|
|
|
82
100
|
})
|
|
83
101
|
}), props.hint && jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
84
102
|
tone: theme === 'default' ? props.tone : 'secondary',
|
|
103
|
+
"data-key": "field-label-hint-wrapper",
|
|
85
104
|
children: props.hint
|
|
86
105
|
})]
|
|
87
|
-
})
|
|
106
|
+
})
|
|
107
|
+
}), props.description && jsxRuntime.jsx(LabelRowWrapper, {
|
|
108
|
+
children: jsxRuntime.jsx(Text__default["default"].Wrap, {
|
|
88
109
|
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
89
110
|
tone: theme === 'default' ? props.tone : 'secondary',
|
|
111
|
+
"data-key": "field-label-description-wrapper",
|
|
90
112
|
children: props.description
|
|
91
113
|
})
|
|
92
|
-
})
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
})
|
|
114
|
+
})
|
|
115
|
+
}), props.badge && jsxRuntime.jsx("div", {
|
|
116
|
+
css: _ref,
|
|
117
|
+
children: props.badge
|
|
118
|
+
})]
|
|
97
119
|
});
|
|
98
120
|
};
|
|
99
121
|
|
|
@@ -117,7 +139,7 @@ FieldLabel.defaultProps = {
|
|
|
117
139
|
var FieldLabel$1 = FieldLabel;
|
|
118
140
|
|
|
119
141
|
// NOTE: This string will be replaced on build time with the package version.
|
|
120
|
-
var version = "15.
|
|
142
|
+
var version = "15.13.0";
|
|
121
143
|
|
|
122
144
|
exports["default"] = FieldLabel$1;
|
|
123
145
|
exports.version = version;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _styled = require('@emotion/styled/base');
|
|
5
6
|
require('prop-types');
|
|
6
7
|
var react = require('react');
|
|
7
8
|
require('@commercetools-uikit/utils');
|
|
@@ -10,7 +11,6 @@ var IconButton = require('@commercetools-uikit/icon-button');
|
|
|
10
11
|
var icons = require('@commercetools-uikit/icons');
|
|
11
12
|
var Text = require('@commercetools-uikit/text');
|
|
12
13
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
13
|
-
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
14
14
|
var Inline = require('@commercetools-uikit/spacings-inline');
|
|
15
15
|
var Label = require('@commercetools-uikit/label');
|
|
16
16
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
@@ -18,13 +18,28 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
18
18
|
|
|
19
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
20
20
|
|
|
21
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
21
22
|
var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
|
|
22
23
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
23
24
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
24
|
-
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
25
25
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
26
26
|
var Label__default = /*#__PURE__*/_interopDefault(Label);
|
|
27
27
|
|
|
28
|
+
/*
|
|
29
|
+
This is needed to deal with every FieldLabel row vertical spacing
|
|
30
|
+
when provided `hint` or `description` is a React component which
|
|
31
|
+
might render nothing.
|
|
32
|
+
Previously we were using the `Stack` component but, as we are wrapping
|
|
33
|
+
those props values with some elements, `Stack` was including some vertical
|
|
34
|
+
spacing even when the received values did not render anything.
|
|
35
|
+
|
|
36
|
+
The implementation is tightly coupled to how we currently wrap
|
|
37
|
+
those props, so if we change that, we will need to adjust this as well.
|
|
38
|
+
*/
|
|
39
|
+
var LabelRowWrapper = /*#__PURE__*/_styled__default["default"]("div", {
|
|
40
|
+
target: "erir8oc0"
|
|
41
|
+
} )("& [data-key='field-label-hint-wrapper'],& [data-key='field-label-description-wrapper']{margin-top:", designSystem.designTokens.spacing10, "!important;}& [data-key='field-label-hint-wrapper']:empty,& [data-key='field-label-description-wrapper']:empty{margin-top:0!important;}" + ("" ));
|
|
42
|
+
|
|
28
43
|
var _ref = {
|
|
29
44
|
name: "skgbeu",
|
|
30
45
|
styles: "display:flex;justify-content:flex-end"
|
|
@@ -36,34 +51,34 @@ var FieldLabel = function FieldLabel(props) {
|
|
|
36
51
|
|
|
37
52
|
if (props.hintIcon) ;
|
|
38
53
|
|
|
39
|
-
return jsxRuntime.
|
|
54
|
+
return jsxRuntime.jsxs(Constraints__default["default"].Horizontal, {
|
|
40
55
|
max: props.horizontalConstraint,
|
|
41
|
-
children: jsxRuntime.jsxs(
|
|
56
|
+
children: [jsxRuntime.jsxs(Inline__default["default"], {
|
|
57
|
+
alignItems: theme === 'default' ? 'flexStart' : 'center',
|
|
42
58
|
scale: "xs",
|
|
43
|
-
children: [jsxRuntime.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
})]
|
|
63
|
-
}), props.hint && jsxRuntime.jsxs(Inline__default["default"], {
|
|
59
|
+
children: [jsxRuntime.jsx(Text__default["default"].Wrap, {
|
|
60
|
+
children: jsxRuntime.jsx(Label__default["default"], {
|
|
61
|
+
isBold: theme === 'default',
|
|
62
|
+
isRequiredIndicatorVisible: props.hasRequiredIndicator,
|
|
63
|
+
tone: props.tone,
|
|
64
|
+
id: props.id,
|
|
65
|
+
htmlFor: props.htmlFor,
|
|
66
|
+
children: props.title
|
|
67
|
+
})
|
|
68
|
+
}), props.onInfoButtonClick && jsxRuntime.jsx(IconButton__default["default"], {
|
|
69
|
+
label: "More Info",
|
|
70
|
+
icon: jsxRuntime.jsx(icons.InformationIcon, {
|
|
71
|
+
size: "medium"
|
|
72
|
+
}),
|
|
73
|
+
size: "small",
|
|
74
|
+
onClick: props.onInfoButtonClick
|
|
75
|
+
})]
|
|
76
|
+
}), props.hint && jsxRuntime.jsx(LabelRowWrapper, {
|
|
77
|
+
children: jsxRuntime.jsxs(Inline__default["default"], {
|
|
64
78
|
alignItems: theme === 'default' ? 'flexStart' : 'center',
|
|
65
79
|
scale: "xs",
|
|
66
80
|
children: [props.hintIcon && jsxRuntime.jsx(Inline__default["default"], {
|
|
81
|
+
"data-key": "field-label-hint-wrapper",
|
|
67
82
|
children: /*#__PURE__*/react.cloneElement(props.hintIcon, {
|
|
68
83
|
// FIXME: add proper tone when tones are refactored
|
|
69
84
|
size: 'medium',
|
|
@@ -71,18 +86,22 @@ var FieldLabel = function FieldLabel(props) {
|
|
|
71
86
|
})
|
|
72
87
|
}), props.hint && jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
73
88
|
tone: theme === 'default' ? props.tone : 'secondary',
|
|
89
|
+
"data-key": "field-label-hint-wrapper",
|
|
74
90
|
children: props.hint
|
|
75
91
|
})]
|
|
76
|
-
})
|
|
92
|
+
})
|
|
93
|
+
}), props.description && jsxRuntime.jsx(LabelRowWrapper, {
|
|
94
|
+
children: jsxRuntime.jsx(Text__default["default"].Wrap, {
|
|
77
95
|
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
78
96
|
tone: theme === 'default' ? props.tone : 'secondary',
|
|
97
|
+
"data-key": "field-label-description-wrapper",
|
|
79
98
|
children: props.description
|
|
80
99
|
})
|
|
81
|
-
})
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
})
|
|
100
|
+
})
|
|
101
|
+
}), props.badge && jsxRuntime.jsx("div", {
|
|
102
|
+
css: _ref,
|
|
103
|
+
children: props.badge
|
|
104
|
+
})]
|
|
86
105
|
});
|
|
87
106
|
};
|
|
88
107
|
|
|
@@ -94,7 +113,7 @@ FieldLabel.defaultProps = {
|
|
|
94
113
|
var FieldLabel$1 = FieldLabel;
|
|
95
114
|
|
|
96
115
|
// NOTE: This string will be replaced on build time with the package version.
|
|
97
|
-
var version = "15.
|
|
116
|
+
var version = "15.13.0";
|
|
98
117
|
|
|
99
118
|
exports["default"] = FieldLabel$1;
|
|
100
119
|
exports.version = version;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _styled from '@emotion/styled/base';
|
|
1
2
|
import _pt from 'prop-types';
|
|
2
3
|
import { cloneElement } from 'react';
|
|
3
4
|
import { warning } from '@commercetools-uikit/utils';
|
|
@@ -6,21 +7,38 @@ import IconButton from '@commercetools-uikit/icon-button';
|
|
|
6
7
|
import { InformationIcon } from '@commercetools-uikit/icons';
|
|
7
8
|
import Text from '@commercetools-uikit/text';
|
|
8
9
|
import Constraints from '@commercetools-uikit/constraints';
|
|
9
|
-
import Stack from '@commercetools-uikit/spacings-stack';
|
|
10
10
|
import Inline from '@commercetools-uikit/spacings-inline';
|
|
11
11
|
import Label from '@commercetools-uikit/label';
|
|
12
|
-
import { useTheme } from '@commercetools-uikit/design-system';
|
|
13
|
-
import {
|
|
12
|
+
import { designTokens, useTheme } from '@commercetools-uikit/design-system';
|
|
13
|
+
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
14
14
|
|
|
15
15
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
16
16
|
|
|
17
|
+
/*
|
|
18
|
+
This is needed to deal with every FieldLabel row vertical spacing
|
|
19
|
+
when provided `hint` or `description` is a React component which
|
|
20
|
+
might render nothing.
|
|
21
|
+
Previously we were using the `Stack` component but, as we are wrapping
|
|
22
|
+
those props values with some elements, `Stack` was including some vertical
|
|
23
|
+
spacing even when the received values did not render anything.
|
|
24
|
+
|
|
25
|
+
The implementation is tightly coupled to how we currently wrap
|
|
26
|
+
those props, so if we change that, we will need to adjust this as well.
|
|
27
|
+
*/
|
|
28
|
+
var LabelRowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
29
|
+
target: "erir8oc0"
|
|
30
|
+
} : {
|
|
31
|
+
target: "erir8oc0",
|
|
32
|
+
label: "LabelRowWrapper"
|
|
33
|
+
})("& [data-key='field-label-hint-wrapper'],& [data-key='field-label-description-wrapper']{margin-top:", designTokens.spacing10, "!important;}& [data-key='field-label-hint-wrapper']:empty,& [data-key='field-label-description-wrapper']:empty{margin-top:0!important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnR2tDIiwiZmlsZSI6ImZpZWxkLWxhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJbmZvcm1hdGlvbkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgSW5saW5lIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLWlubGluZSc7XG5pbXBvcnQgTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbGFiZWwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG5leHBvcnQgdHlwZSBURmllbGRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGxhYmVsXG4gICAqL1xuICB0aXRsZTogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICAvKipcbiAgICogSGludCBmb3IgdGhlIGxhYmVsLiBQcm92aWRlcyBhIHN1cHBsZW1lbnRhcnkgYnV0IGltcG9ydGFudCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGJlaGF2aW91ciBvZiB0aGUgaW5wdXQgKGUuZyB3YXJuIGFib3V0IHVuaXF1ZW5lc3Mgb2YgYSBmaWVsZCwgd2hlbiBpdCBjYW4gb25seSBiZSBzZXQgb25jZSksIHdoZXJlYXMgZGVzY3JpcHRpb24gY2FuIGRlc2NyaWJlIGl0IGluIG1vcmUgZGVwdGguIENhbiBhbHNvIHJlY2VpdmUgYSBoaW50SWNvbi5cbiAgICovXG4gIGhpbnQ/OiBzdHJpbmcgfCBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGRlc2NyaXB0aW9uIGZvciB0aGUgdGl0bGUuXG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIGluZm8gYnV0dG9uIGlzIHByZXNzZWQuIEluZm8gYnV0dG9uIHdpbGwgb25seSBiZSB2aXNpYmxlIHdoZW4gdGhpcyBwcm9wIGlzIHBhc3NlZC5cbiAgICovXG4gIG9uSW5mb0J1dHRvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGhpbnQgdGV4dC4gV2lsbCBvbmx5IGdldCByZW5kZXJlZCB3aGVuIGhpbnQgaXMgcGFzc2VkIGFzIHdlbGwuXG4gICAqL1xuICBoaW50SWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIEJhZGdlIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGxhYmVsLiBNaWdodCBiZSB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBhYm91dCB0aGUgY29udGVudCBvZiB0aGUgZmllbGQgKEUuZyB2ZXJpZmllZCBlbWFpbClcbiAgICovXG4gIGJhZGdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICAgKi9cbiAgaGFzUmVxdWlyZWRJbmRpY2F0b3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGZvciBIVE1MIGF0dHJpYnV0ZSwgdXNlZCB0byByZWZlcmVuY2UgZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBpZCBvciBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGlkIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgbGFiZWwuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuLypcbiAgVGhpcyBpcyBuZWVkZWQgdG8gZGVhbCB3aXRoIGV2ZXJ5IEZpZWxkTGFiZWwgcm93IHZlcnRpY2FsIHNwYWNpbmdcbiAgd2hlbiBwcm92aWRlZCBgaGludGAgb3IgYGRlc2NyaXB0aW9uYCBpcyBhIFJlYWN0IGNvbXBvbmVudCB3aGljaFxuICBtaWdodCByZW5kZXIgbm90aGluZy5cbiAgUHJldmlvdXNseSB3ZSB3ZXJlIHVzaW5nIHRoZSBgU3RhY2tgIGNvbXBvbmVudCBidXQsIGFzIHdlIGFyZSB3cmFwcGluZ1xuICB0aG9zZSBwcm9wcyB2YWx1ZXMgd2l0aCBzb21lIGVsZW1lbnRzLCBgU3RhY2tgIHdhcyBpbmNsdWRpbmcgc29tZSB2ZXJ0aWNhbFxuICBzcGFjaW5nIGV2ZW4gd2hlbiB0aGUgcmVjZWl2ZWQgdmFsdWVzIGRpZCBub3QgcmVuZGVyIGFueXRoaW5nLlxuXG4gIFRoZSBpbXBsZW1lbnRhdGlvbiBpcyB0aWdodGx5IGNvdXBsZWQgdG8gaG93IHdlIGN1cnJlbnRseSB3cmFwXG4gIHRob3NlIHByb3BzLCBzbyBpZiB3ZSBjaGFuZ2UgdGhhdCwgd2Ugd2lsbCBuZWVkIHRvIGFkanVzdCB0aGlzIGFzIHdlbGwuXG4qL1xuY29uc3QgTGFiZWxSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddLFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddIHtcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICFpbXBvcnRhbnQ7XG4gIH1cbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddOmVtcHR5LFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddOmVtcHR5IHtcbiAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSAocHJvcHM6IFRGaWVsZExhYmVsUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICBpZiAocHJvcHMuaGludEljb24pIHtcbiAgICB3YXJuaW5nKFxuICAgICAgcHJvcHMuaGludEljb24ucHJvcHMuc2l6ZSA9PT0gdW5kZWZpbmVkLFxuICAgICAgJ3VpLWtpdC9GaWVsZExhYmVsOiBzZXR0aW5nIGBoaW50SWNvbmAgc2l6ZSBpcyBub3Qgc3VwcG9ydGVkLidcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgIEJvb2xlYW4ocHJvcHMuaGludCksXG4gICAgICAndWkta2l0L0ZpZWxkTGFiZWw6IGBoaW50YCBpcyByZXF1aXJlZCB3aGVuIGBoaW50SWNvbmAgaXMgcHJvdmlkZWQnXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8SW5saW5lXG4gICAgICAgIGFsaWduSXRlbXM9e3RoZW1lID09PSAnZGVmYXVsdCcgPyAnZmxleFN0YXJ0JyA6ICdjZW50ZXInfVxuICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGlzQm9sZD17dGhlbWUgPT09ICdkZWZhdWx0J31cbiAgICAgICAgICAgIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPXtwcm9wcy5oYXNSZXF1aXJlZEluZGljYXRvcn1cbiAgICAgICAgICAgIHRvbmU9e3Byb3BzLnRvbmV9XG4gICAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAge3Byb3BzLm9uSW5mb0J1dHRvbkNsaWNrICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9XCJNb3JlIEluZm9cIlxuICAgICAgICAgICAgaWNvbj17PEluZm9ybWF0aW9uSWNvbiBzaXplPVwibWVkaXVtXCIgLz59XG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25JbmZvQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuXG4gICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgYWxpZ25JdGVtcz17dGhlbWUgPT09ICdkZWZhdWx0JyA/ICdmbGV4U3RhcnQnIDogJ2NlbnRlcid9XG4gICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cHJvcHMuaGludEljb24gJiYgKFxuICAgICAgICAgICAgICA8SW5saW5lIGRhdGEta2V5PVwiZmllbGQtbGFiZWwtaGludC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5oaW50SWNvbiwge1xuICAgICAgICAgICAgICAgICAgLy8gRklYTUU6IGFkZCBwcm9wZXIgdG9uZSB3aGVuIHRvbmVzIGFyZSByZWZhY3RvcmVkXG4gICAgICAgICAgICAgICAgICBzaXplOiAnbWVkaXVtJyxcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiBwcm9wcy5oaW50SWNvbi5wcm9wcy5jb2xvciB8fCAnd2FybmluZycsXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtwcm9wcy5oaW50ICYmIChcbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsXG4gICAgICAgICAgICAgICAgdG9uZT17dGhlbWUgPT09ICdkZWZhdWx0JyA/IHByb3BzLnRvbmUgOiAnc2Vjb25kYXJ5J31cbiAgICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlclwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuaGludH1cbiAgICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvTGFiZWxSb3dXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICAgICAgICB0b25lPXt0aGVtZSA9PT0gJ2RlZmF1bHQnID8gcHJvcHMudG9uZSA6ICdzZWNvbmRhcnknfVxuICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWRlc2NyaXB0aW9uLXdyYXBwZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMuZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQuRGV0YWlsPlxuICAgICAgICAgIDwvVGV4dC5XcmFwPlxuICAgICAgICA8L0xhYmVsUm93V3JhcHBlcj5cbiAgICAgICl9XG5cbiAgICAgIHtwcm9wcy5iYWRnZSAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7cHJvcHMuYmFkZ2V9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5GaWVsZExhYmVsLmRpc3BsYXlOYW1lID0gJ0ZpZWxkTGFiZWwnO1xuRmllbGRMYWJlbC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRmllbGRMYWJlbDtcbiJdfQ== */"));
|
|
34
|
+
|
|
17
35
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
18
36
|
name: "skgbeu",
|
|
19
37
|
styles: "display:flex;justify-content:flex-end"
|
|
20
38
|
} : {
|
|
21
39
|
name: "pfzph7-FieldLabel",
|
|
22
40
|
styles: "display:flex;justify-content:flex-end;label:FieldLabel;",
|
|
23
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4TGtCIiwiZmlsZSI6ImZpZWxkLWxhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJbmZvcm1hdGlvbkljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgSW5saW5lIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLWlubGluZSc7XG5pbXBvcnQgTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbGFiZWwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG5leHBvcnQgdHlwZSBURmllbGRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGxhYmVsXG4gICAqL1xuICB0aXRsZTogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICAvKipcbiAgICogSGludCBmb3IgdGhlIGxhYmVsLiBQcm92aWRlcyBhIHN1cHBsZW1lbnRhcnkgYnV0IGltcG9ydGFudCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGJlaGF2aW91ciBvZiB0aGUgaW5wdXQgKGUuZyB3YXJuIGFib3V0IHVuaXF1ZW5lc3Mgb2YgYSBmaWVsZCwgd2hlbiBpdCBjYW4gb25seSBiZSBzZXQgb25jZSksIHdoZXJlYXMgZGVzY3JpcHRpb24gY2FuIGRlc2NyaWJlIGl0IGluIG1vcmUgZGVwdGguIENhbiBhbHNvIHJlY2VpdmUgYSBoaW50SWNvbi5cbiAgICovXG4gIGhpbnQ/OiBzdHJpbmcgfCBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGRlc2NyaXB0aW9uIGZvciB0aGUgdGl0bGUuXG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIGluZm8gYnV0dG9uIGlzIHByZXNzZWQuIEluZm8gYnV0dG9uIHdpbGwgb25seSBiZSB2aXNpYmxlIHdoZW4gdGhpcyBwcm9wIGlzIHBhc3NlZC5cbiAgICovXG4gIG9uSW5mb0J1dHRvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGhpbnQgdGV4dC4gV2lsbCBvbmx5IGdldCByZW5kZXJlZCB3aGVuIGhpbnQgaXMgcGFzc2VkIGFzIHdlbGwuXG4gICAqL1xuICBoaW50SWNvbj86IFJlYWN0RWxlbWVudDtcbiAgLyoqXG4gICAqIEJhZGdlIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGxhYmVsLiBNaWdodCBiZSB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBhYm91dCB0aGUgY29udGVudCBvZiB0aGUgZmllbGQgKEUuZyB2ZXJpZmllZCBlbWFpbClcbiAgICovXG4gIGJhZGdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICAgKi9cbiAgaGFzUmVxdWlyZWRJbmRpY2F0b3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGZvciBIVE1MIGF0dHJpYnV0ZSwgdXNlZCB0byByZWZlcmVuY2UgZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBpZCBvciBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGlkIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgbGFiZWwuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuLypcbiAgVGhpcyBpcyBuZWVkZWQgdG8gZGVhbCB3aXRoIGV2ZXJ5IEZpZWxkTGFiZWwgcm93IHZlcnRpY2FsIHNwYWNpbmdcbiAgd2hlbiBwcm92aWRlZCBgaGludGAgb3IgYGRlc2NyaXB0aW9uYCBpcyBhIFJlYWN0IGNvbXBvbmVudCB3aGljaFxuICBtaWdodCByZW5kZXIgbm90aGluZy5cbiAgUHJldmlvdXNseSB3ZSB3ZXJlIHVzaW5nIHRoZSBgU3RhY2tgIGNvbXBvbmVudCBidXQsIGFzIHdlIGFyZSB3cmFwcGluZ1xuICB0aG9zZSBwcm9wcyB2YWx1ZXMgd2l0aCBzb21lIGVsZW1lbnRzLCBgU3RhY2tgIHdhcyBpbmNsdWRpbmcgc29tZSB2ZXJ0aWNhbFxuICBzcGFjaW5nIGV2ZW4gd2hlbiB0aGUgcmVjZWl2ZWQgdmFsdWVzIGRpZCBub3QgcmVuZGVyIGFueXRoaW5nLlxuXG4gIFRoZSBpbXBsZW1lbnRhdGlvbiBpcyB0aWdodGx5IGNvdXBsZWQgdG8gaG93IHdlIGN1cnJlbnRseSB3cmFwXG4gIHRob3NlIHByb3BzLCBzbyBpZiB3ZSBjaGFuZ2UgdGhhdCwgd2Ugd2lsbCBuZWVkIHRvIGFkanVzdCB0aGlzIGFzIHdlbGwuXG4qL1xuY29uc3QgTGFiZWxSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddLFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddIHtcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICFpbXBvcnRhbnQ7XG4gIH1cbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddOmVtcHR5LFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddOmVtcHR5IHtcbiAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSAocHJvcHM6IFRGaWVsZExhYmVsUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICBpZiAocHJvcHMuaGludEljb24pIHtcbiAgICB3YXJuaW5nKFxuICAgICAgcHJvcHMuaGludEljb24ucHJvcHMuc2l6ZSA9PT0gdW5kZWZpbmVkLFxuICAgICAgJ3VpLWtpdC9GaWVsZExhYmVsOiBzZXR0aW5nIGBoaW50SWNvbmAgc2l6ZSBpcyBub3Qgc3VwcG9ydGVkLidcbiAgICApO1xuXG4gICAgd2FybmluZyhcbiAgICAgIEJvb2xlYW4ocHJvcHMuaGludCksXG4gICAgICAndWkta2l0L0ZpZWxkTGFiZWw6IGBoaW50YCBpcyByZXF1aXJlZCB3aGVuIGBoaW50SWNvbmAgaXMgcHJvdmlkZWQnXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnN0cmFpbnRzLkhvcml6b250YWwgbWF4PXtwcm9wcy5ob3Jpem9udGFsQ29uc3RyYWludH0+XG4gICAgICA8SW5saW5lXG4gICAgICAgIGFsaWduSXRlbXM9e3RoZW1lID09PSAnZGVmYXVsdCcgPyAnZmxleFN0YXJ0JyA6ICdjZW50ZXInfVxuICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGlzQm9sZD17dGhlbWUgPT09ICdkZWZhdWx0J31cbiAgICAgICAgICAgIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPXtwcm9wcy5oYXNSZXF1aXJlZEluZGljYXRvcn1cbiAgICAgICAgICAgIHRvbmU9e3Byb3BzLnRvbmV9XG4gICAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAge3Byb3BzLm9uSW5mb0J1dHRvbkNsaWNrICYmIChcbiAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9XCJNb3JlIEluZm9cIlxuICAgICAgICAgICAgaWNvbj17PEluZm9ybWF0aW9uSWNvbiBzaXplPVwibWVkaXVtXCIgLz59XG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25JbmZvQnV0dG9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuXG4gICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgYWxpZ25JdGVtcz17dGhlbWUgPT09ICdkZWZhdWx0JyA/ICdmbGV4U3RhcnQnIDogJ2NlbnRlcid9XG4gICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cHJvcHMuaGludEljb24gJiYgKFxuICAgICAgICAgICAgICA8SW5saW5lIGRhdGEta2V5PVwiZmllbGQtbGFiZWwtaGludC13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5oaW50SWNvbiwge1xuICAgICAgICAgICAgICAgICAgLy8gRklYTUU6IGFkZCBwcm9wZXIgdG9uZSB3aGVuIHRvbmVzIGFyZSByZWZhY3RvcmVkXG4gICAgICAgICAgICAgICAgICBzaXplOiAnbWVkaXVtJyxcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiBwcm9wcy5oaW50SWNvbi5wcm9wcy5jb2xvciB8fCAnd2FybmluZycsXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtwcm9wcy5oaW50ICYmIChcbiAgICAgICAgICAgICAgPFRleHQuRGV0YWlsXG4gICAgICAgICAgICAgICAgdG9uZT17dGhlbWUgPT09ICdkZWZhdWx0JyA/IHByb3BzLnRvbmUgOiAnc2Vjb25kYXJ5J31cbiAgICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlclwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuaGludH1cbiAgICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvTGFiZWxSb3dXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICAgICAgICB0b25lPXt0aGVtZSA9PT0gJ2RlZmF1bHQnID8gcHJvcHMudG9uZSA6ICdzZWNvbmRhcnknfVxuICAgICAgICAgICAgICBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWRlc2NyaXB0aW9uLXdyYXBwZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMuZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQuRGV0YWlsPlxuICAgICAgICAgIDwvVGV4dC5XcmFwPlxuICAgICAgICA8L0xhYmVsUm93V3JhcHBlcj5cbiAgICAgICl9XG5cbiAgICAgIHtwcm9wcy5iYWRnZSAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7cHJvcHMuYmFkZ2V9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NvbnN0cmFpbnRzLkhvcml6b250YWw+XG4gICk7XG59O1xuXG5GaWVsZExhYmVsLmRpc3BsYXlOYW1lID0gJ0ZpZWxkTGFiZWwnO1xuRmllbGRMYWJlbC5kZWZhdWx0UHJvcHMgPSB7XG4gIGhvcml6b250YWxDb25zdHJhaW50OiAnc2NhbGUnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRmllbGRMYWJlbDtcbiJdfQ== */",
|
|
24
42
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
25
43
|
};
|
|
26
44
|
|
|
@@ -33,34 +51,34 @@ var FieldLabel = function FieldLabel(props) {
|
|
|
33
51
|
process.env.NODE_ENV !== "production" ? warning(Boolean(props.hint), 'ui-kit/FieldLabel: `hint` is required when `hintIcon` is provided') : void 0;
|
|
34
52
|
}
|
|
35
53
|
|
|
36
|
-
return
|
|
54
|
+
return jsxs(Constraints.Horizontal, {
|
|
37
55
|
max: props.horizontalConstraint,
|
|
38
|
-
children: jsxs(
|
|
56
|
+
children: [jsxs(Inline, {
|
|
57
|
+
alignItems: theme === 'default' ? 'flexStart' : 'center',
|
|
39
58
|
scale: "xs",
|
|
40
|
-
children: [
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
})]
|
|
60
|
-
}), props.hint && jsxs(Inline, {
|
|
59
|
+
children: [jsx(Text.Wrap, {
|
|
60
|
+
children: jsx(Label, {
|
|
61
|
+
isBold: theme === 'default',
|
|
62
|
+
isRequiredIndicatorVisible: props.hasRequiredIndicator,
|
|
63
|
+
tone: props.tone,
|
|
64
|
+
id: props.id,
|
|
65
|
+
htmlFor: props.htmlFor,
|
|
66
|
+
children: props.title
|
|
67
|
+
})
|
|
68
|
+
}), props.onInfoButtonClick && jsx(IconButton, {
|
|
69
|
+
label: "More Info",
|
|
70
|
+
icon: jsx(InformationIcon, {
|
|
71
|
+
size: "medium"
|
|
72
|
+
}),
|
|
73
|
+
size: "small",
|
|
74
|
+
onClick: props.onInfoButtonClick
|
|
75
|
+
})]
|
|
76
|
+
}), props.hint && jsx(LabelRowWrapper, {
|
|
77
|
+
children: jsxs(Inline, {
|
|
61
78
|
alignItems: theme === 'default' ? 'flexStart' : 'center',
|
|
62
79
|
scale: "xs",
|
|
63
80
|
children: [props.hintIcon && jsx(Inline, {
|
|
81
|
+
"data-key": "field-label-hint-wrapper",
|
|
64
82
|
children: /*#__PURE__*/cloneElement(props.hintIcon, {
|
|
65
83
|
// FIXME: add proper tone when tones are refactored
|
|
66
84
|
size: 'medium',
|
|
@@ -68,18 +86,22 @@ var FieldLabel = function FieldLabel(props) {
|
|
|
68
86
|
})
|
|
69
87
|
}), props.hint && jsx(Text.Detail, {
|
|
70
88
|
tone: theme === 'default' ? props.tone : 'secondary',
|
|
89
|
+
"data-key": "field-label-hint-wrapper",
|
|
71
90
|
children: props.hint
|
|
72
91
|
})]
|
|
73
|
-
})
|
|
92
|
+
})
|
|
93
|
+
}), props.description && jsx(LabelRowWrapper, {
|
|
94
|
+
children: jsx(Text.Wrap, {
|
|
74
95
|
children: jsx(Text.Detail, {
|
|
75
96
|
tone: theme === 'default' ? props.tone : 'secondary',
|
|
97
|
+
"data-key": "field-label-description-wrapper",
|
|
76
98
|
children: props.description
|
|
77
99
|
})
|
|
78
|
-
})
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
})
|
|
100
|
+
})
|
|
101
|
+
}), props.badge && jsx("div", {
|
|
102
|
+
css: _ref,
|
|
103
|
+
children: props.badge
|
|
104
|
+
})]
|
|
83
105
|
});
|
|
84
106
|
};
|
|
85
107
|
|
|
@@ -103,6 +125,6 @@ FieldLabel.defaultProps = {
|
|
|
103
125
|
var FieldLabel$1 = FieldLabel;
|
|
104
126
|
|
|
105
127
|
// NOTE: This string will be replaced on build time with the package version.
|
|
106
|
-
var version = "15.
|
|
128
|
+
var version = "15.13.0";
|
|
107
129
|
|
|
108
130
|
export { FieldLabel$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/field-label",
|
|
3
3
|
"description": "The FieldLabel component represents the label for a field in a form.",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.13.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,19 +19,19 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-field-label.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "^7.
|
|
23
|
-
"@babel/runtime-corejs3": "^7.
|
|
24
|
-
"@commercetools-uikit/constraints": "15.
|
|
25
|
-
"@commercetools-uikit/design-system": "15.
|
|
26
|
-
"@commercetools-uikit/icon-button": "15.
|
|
27
|
-
"@commercetools-uikit/icons": "15.
|
|
28
|
-
"@commercetools-uikit/label": "15.
|
|
29
|
-
"@commercetools-uikit/spacings-inline": "15.
|
|
30
|
-
"@commercetools-uikit/spacings-stack": "15.
|
|
31
|
-
"@commercetools-uikit/text": "15.
|
|
32
|
-
"@commercetools-uikit/utils": "15.
|
|
33
|
-
"@emotion/react": "^11.
|
|
34
|
-
"@emotion/styled": "^11.
|
|
22
|
+
"@babel/runtime": "^7.20.13",
|
|
23
|
+
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
+
"@commercetools-uikit/constraints": "15.13.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "15.13.0",
|
|
26
|
+
"@commercetools-uikit/icon-button": "15.13.0",
|
|
27
|
+
"@commercetools-uikit/icons": "15.13.0",
|
|
28
|
+
"@commercetools-uikit/label": "15.13.0",
|
|
29
|
+
"@commercetools-uikit/spacings-inline": "15.13.0",
|
|
30
|
+
"@commercetools-uikit/spacings-stack": "15.13.0",
|
|
31
|
+
"@commercetools-uikit/text": "15.13.0",
|
|
32
|
+
"@commercetools-uikit/utils": "15.13.0",
|
|
33
|
+
"@emotion/react": "^11.10.5",
|
|
34
|
+
"@emotion/styled": "^11.10.5",
|
|
35
35
|
"prop-types": "15.8.1",
|
|
36
36
|
"react-intl": "^5.25.1"
|
|
37
37
|
},
|