@inseefr/lunatic 2.7.21 → 3.0.0-rc.10

package/lib/components/shared/ComponentWrapper.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentWrapper = ComponentWrapper;
+var _Missing = require("./Missing/Missing");
+var _VariableStatus = require("./VariableStatus/VariableStatus");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Declarations = require("./Declarations/Declarations");
+var _function = require("../../utils/function");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Wrapper around Lunatic components, handle Declarations and missing buttons
+ *
+ * ## The structure :
+ *
+ * |--------------------------|
+ * |    DeclarationBefore     |
+ * |__________________________|
+ * |--------------------------|
+ * |        Component         |
+ * |__________________________|
+ * |--------------------------|
+ * |     Missing Buttons      |
+ * |__________________________|
+ */
+function ComponentWrapper(props) {
+  var id = props.id,
+    declarations = props.declarations,
+    children = props.children,
+    management = props.management,
+    handleChange = props.handleChange;
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "BEFORE_QUESTION_TEXT",
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "field-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])({
+          'field-with-tooltip': management,
+          field: !management
+        }),
+        children: children
+      }), management && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "tooltip"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+      type: "DETACHABLE",
+      declarations: declarations,
+      id: id
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Missing.Missing, _objectSpread(_objectSpread({}, props), {}, {
+      handleChange: handleChange !== null && handleChange !== void 0 ? handleChange : _function.voidFunction
+    }))]
+  });
+  return management ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_VariableStatus.VariableStatus, {
+    children: content
+  }) : content;
+}

package/lib/components/shared/Declarations/Declarations.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Declarations = exports.Declaration = void 0;
+var _slottableComponent = require("../HOC/slottableComponent");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Declaration = exports.Declaration = (0, _slottableComponent.slottableComponent)('Declaration', function (_ref) {
+  var children = _ref.children,
+    declarationType = _ref.declarationType;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": "declaration",
+    className: (0, _classnames["default"])('declaration-lunatic', "declaration-".concat(declarationType.toLowerCase())),
+    children: children
+  });
+});
+function LunaticDeclarations(_ref2) {
+  var _declarations$filter;
+  var id = _ref2.id,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'AFTER_QUESTION_TEXT' : _ref2$type,
+    declarations = _ref2.declarations;
+  var filtered = (_declarations$filter = declarations === null || declarations === void 0 ? void 0 : declarations.filter(function (d) {
+    return d.position === type;
+  })) !== null && _declarations$filter !== void 0 ? _declarations$filter : [];
+  if (filtered.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    id: "declarations-".concat(id, "-").concat(type),
+    className: "declarations-lunatic",
+    children: filtered.map(function (_ref3) {
+      var id = _ref3.id,
+        label = _ref3.label,
+        declarationType = _ref3.declarationType;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Declaration, {
+        declarationType: declarationType,
+        children: label
+      }, id);
+    })
+  });
+}
+var Declarations = exports.Declarations = (0, _slottableComponent.slottableComponent)('Declarations', LunaticDeclarations);

package/lib/components/shared/Declarations/Declarations.spec.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _Declarations = require("./Declarations");
+var _react = require("@testing-library/react");
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+var declarations = [{
+  id: '1',
+  label: 'Declaration 1',
+  declarationType: 'COMMENT',
+  position: 'AFTER_QUESTION_TEXT'
+}, {
+  id: '2',
+  label: 'Declaration 2',
+  declarationType: 'COMMENT',
+  position: 'BEFORE_QUESTION_TEXT'
+}, {
+  id: '3',
+  label: 'Declaration 3',
+  declarationType: 'COMMENT',
+  position: 'DETACHABLE'
+}];
+(0, _vitest.describe)('Declarations component', function () {
+  (0, _vitest.it)('renders correctly with filtered Declarations', function () {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          "data-testid": "declarations-1-AFTER_QUESTION_TEXT"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+          id: "1",
+          type: "AFTER_QUESTION_TEXT",
+          declarations: declarations
+        })]
+      })),
+      getByTestId = _render.getByTestId,
+      getByText = _render.getByText;
+    var declarationsElement = getByTestId('declarations-1-AFTER_QUESTION_TEXT');
+    (0, _vitest.expect)(declarationsElement.nextElementSibling).toHaveClass('declarations-lunatic');
+    var declarationElement = getByText('Declaration 1');
+    (0, _vitest.expect)(declarationElement).toBeInTheDocument();
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-lunatic');
+    (0, _vitest.expect)(declarationElement).toHaveClass('declaration-comment');
+  });
+  (0, _vitest.it)('renders nothing with unfiltered Declarations', function () {
+    var declarationstest = [{
+      id: '3',
+      label: 'Declaration 3',
+      declarationType: 'COMMENT',
+      position: 'DETACHABLE'
+    }];
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          "data-testid": "declarations-1-BEFORE_QUESTION_TEXT"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+          id: "1",
+          type: "BEFORE_QUESTION_TEXT",
+          declarations: declarationstest
+        })]
+      })),
+      queryByTestId = _render2.queryByTestId;
+    var declarationsElement = queryByTestId('declarations-1-BEFORE_QUESTION_TEXT');
+    (0, _vitest.expect)(declarationsElement.nextElementSibling).toBeNull();
+  });
+  (0, _vitest.it)('renders nothing with empty Declarations array', function () {
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          "data-testid": "declarations-1-DETACHABLE"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Declarations.Declarations, {
+          id: "1",
+          type: "DETACHABLE",
+          declarations: []
+        })]
+      })),
+      queryByTestId = _render3.queryByTestId;
+    var declarationsElement = queryByTestId('declarations-1-DETACHABLE');
+    (0, _vitest.expect)(declarationsElement.nextElementSibling).toBeNull();
+  });
+});

package/lib/components/shared/Fieldset/Fieldset.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fieldset = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _slottableComponent = require("../HOC/slottableComponent");
+var _LabelDescription = require("../LabelDescription");
+var _isElement = require("../../../utils/is-element");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function LunaticFieldset(_ref) {
+  var children = _ref.children,
+    legend = _ref.legend,
+    description = _ref.description,
+    className = _ref.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
+    className: (0, _classnames["default"])(className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("legend", {
+      children: [labelToReactNode(legend), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LabelDescription.LabelDescription, {
+        value: description
+      })]
+    }), children]
+  });
+}
+function labelToReactNode(label) {
+  if (!label) {
+    return '';
+  }
+  if (typeof label === 'string' || typeof label === 'boolean' || typeof label === 'number') {
+    return label;
+  }
+  if (_typeof(label) === 'object') {
+    if ((0, _isElement.isElement)(label)) return label;
+    if ('value' in label && typeof label.value === 'string') {
+      return label.value;
+    }
+  }
+  return "";
+}
+var Fieldset = exports.Fieldset = (0, _slottableComponent.slottableComponent)('Fieldset', LunaticFieldset);

package/lib/components/shared/Fieldset/Fieldset.spec.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _Fieldset = require("./Fieldset");
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+(0, _vitest.describe)('Fieldset', function () {
+  (0, _vitest.it)('renders the legend text', function () {
+    var legendText = 'Example Legend';
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fieldset.Fieldset, {
+        legend: legendText
+      })),
+      getByText = _render.getByText;
+    var legendElement = getByText(legendText);
+    (0, _vitest.expect)(legendElement).toBeInTheDocument();
+  });
+  (0, _vitest.it)('renders the children', function () {
+    var childText = 'Example child text';
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fieldset.Fieldset, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: childText
+        })
+      })),
+      getByText = _render2.getByText;
+    var childElement = getByText(childText);
+    (0, _vitest.expect)(childElement).toBeInTheDocument();
+  });
+  (0, _vitest.it)('applies the className', function () {
+    var className = 'custom-class';
+    var _render3 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fieldset.Fieldset, {
+        className: className
+      })),
+      container = _render3.container;
+    var fieldsetElement = container.querySelector('fieldset');
+    (0, _vitest.expect)(fieldsetElement).toHaveClass(className);
+  });
+});

package/lib/components/shared/HOC/slottableComponent.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SlotsProvider = void 0;
+exports.slottableComponent = slottableComponent;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+ * Contains the type of every customizable component
+ */
+var empty = {};
+var SlotsContext = /*#__PURE__*/(0, _react.createContext)(empty);
+var SlotsProvider = exports.SlotsProvider = function SlotsProvider(_ref) {
+  var slots = _ref.slots,
+    children = _ref.children;
+  if (!slots) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SlotsContext.Provider, {
+    value: slots !== null && slots !== void 0 ? slots : empty,
+    children: children
+  });
+};
+
+/**
+ * Create a replaceable version of a component
+ *
+ * The component can be replaced using the "slots" props on <LunaticComponents>
+ */
+function slottableComponent(name, OriginalComponent) {
+  var DecoratedComponent = function DecoratedComponent(props) {
+    var _useContext;
+    var custom = (_useContext = (0, _react.useContext)(SlotsContext)) !== null && _useContext !== void 0 ? _useContext : empty;
+    if (custom && name in custom) {
+      var SlotComponent = custom[name];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(SlotComponent, _objectSpread({}, props));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(OriginalComponent, _objectSpread({}, props));
+  };
+  DecoratedComponent.displayName = name;
+  return DecoratedComponent;
+}

package/lib/components/shared/Icons/icon-props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/shared/Icons/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CheckboxCheckedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxCheckedIcon.CheckboxCheckedIcon;
+  }
+});
+Object.defineProperty(exports, "CheckboxUncheckedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _checkboxUncheckedIcon.CheckboxUncheckedIcon;
+  }
+});
+Object.defineProperty(exports, "ClosedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _closedIcon.ClosedIcon;
+  }
+});
+Object.defineProperty(exports, "CrossIcon", {
+  enumerable: true,
+  get: function get() {
+    return _crossIcon.CrossIcon;
+  }
+});
+Object.defineProperty(exports, "LoadIcon", {
+  enumerable: true,
+  get: function get() {
+    return _loadIcon.LoadIcon;
+  }
+});
+Object.defineProperty(exports, "NetworkIcon", {
+  enumerable: true,
+  get: function get() {
+    return _networkIcon.NetworkIcon;
+  }
+});
+Object.defineProperty(exports, "OnDragIcon", {
+  enumerable: true,
+  get: function get() {
+    return _onDragIcon.OnDragIcon;
+  }
+});
+Object.defineProperty(exports, "OpenedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _openedIcon.OpenedIcon;
+  }
+});
+Object.defineProperty(exports, "RadioCheckedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _radioCheckedIcon.RadioCheckedIcon;
+  }
+});
+Object.defineProperty(exports, "RadioUncheckedIcon", {
+  enumerable: true,
+  get: function get() {
+    return _radioUncheckedIcon.RadioUncheckedIcon;
+  }
+});
+var _crossIcon = require("./cross-icon");
+var _closedIcon = require("./closed-icon");
+var _openedIcon = require("./opened-icon");
+var _loadIcon = require("./load-icon");
+var _networkIcon = require("./network-icon");
+var _onDragIcon = require("./on-drag-icon");
+var _radioCheckedIcon = require("./radio-checked-icon");
+var _radioUncheckedIcon = require("./radio-unchecked-icon");
+var _checkboxCheckedIcon = require("./checkbox-checked-icon");
+var _checkboxUncheckedIcon = require("./checkbox-unchecked-icon");

package/lib/components/shared/Icons/lunatic-icon.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LunaticIcon = LunaticIcon;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function LunaticIcon(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+    className: (0, _classnames["default"])('lunatic-icon', className),
+    children: children
+  });
+}

package/lib/components/shared/Label/Label.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _slottableComponent = require("../HOC/slottableComponent");
+var _LabelDescription = require("../LabelDescription");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * Label displayed on top of a field
+ */
+function LunaticLabel(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    htmlFor = _ref.htmlFor,
+    className = _ref.className,
+    style = _ref.style,
+    description = _ref.description;
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+    htmlFor: htmlFor,
+    id: id,
+    className: (0, _classnames["default"])('lunatic-label', className),
+    style: style,
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_LabelDescription.LabelDescription, {
+      value: description
+    })]
+  });
+}
+var Label = exports.Label = (0, _slottableComponent.slottableComponent)('Label', LunaticLabel);

package/lib/components/shared/Label/Label.spec.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _Label = require("./Label");
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+(0, _vitest.describe)('Label', function () {
+  (0, _vitest.it)('renders null when children is falsy', function () {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
+        htmlFor: "input",
+        id: "label",
+        description: "This is a label",
+        children: null
+      })),
+      container = _render.container;
+    (0, _vitest.expect)(container.firstChild).toBeNull();
+  });
+  (0, _vitest.it)('renders a label without description', function () {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
+          htmlFor: "kze792d8",
+          id: "label",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: "Name"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          id: "kze792d8",
+          className: "",
+          type: "number",
+          "aria-labelledby": "label",
+          min: "0",
+          max: "10",
+          value: "",
+          lang: "en"
+        })]
+      })),
+      getByText = _render2.getByText,
+      queryByText = _render2.queryByText;
+    var label = getByText('Name');
+    (0, _vitest.expect)(label).toBeInTheDocument();
+    (0, _vitest.expect)(label.parentNode).toHaveAttribute('for', 'kze792d8');
+    var description = queryByText('This is a label');
+    (0, _vitest.expect)(description).not.toBeInTheDocument();
+  });
+});

package/lib/components/shared/LabelDescription.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelDescription = LabelDescription;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function LabelDescription(_ref) {
+  var value = _ref.value,
+    className = _ref.className;
+  if (typeof value === 'string' && value.length > 0 || /*#__PURE__*/_react["default"].isValidElement(value)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames["default"])('label-description', className),
+      children: value
+    });
+  }
+  return null;
+}

package/lib/components/shared/MDLabel/MDLabel.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MDLabel = void 0;
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+var _MDLabelLink = require("./MDLabelLink");
+var _function = require("../../../utils/function");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var DEFAULT_LOG_FUNCTION = _function.voidFunction;
+var MDLabel = exports.MDLabel = function MDLabel(_ref) {
+  var expression = _ref.expression,
+    _ref$logFunction = _ref.logFunction,
+    logFunction = _ref$logFunction === void 0 ? DEFAULT_LOG_FUNCTION : _ref$logFunction;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown["default"], {
+    components: renderComponentsFor(expression, {
+      logFunction: logFunction
+    }),
+    children: expression
+  });
+};
+var renderComponentsFor = function renderComponentsFor(expression, extraProps) {
+  var components = {
+    p: _react.Fragment,
+    br: 'br',
+    a: function a(props) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MDLabelLink.MDLabelLink, _objectSpread({}, _objectSpread(_objectSpread({}, extraProps), props)));
+    }
+  };
+  if (/\n\n/.test(expression)) {
+    return _objectSpread(_objectSpread({}, components), {}, {
+      p: 'p'
+    });
+  }
+  return components;
+};