@panneau/display-text-description 3.0.176 → 3.0.182

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.
Files changed (3) hide show
  1. package/es/index.js +17 -6
  2. package/lib/index.js +17 -6
  3. package/package.json +5 -4
package/es/index.js CHANGED
@@ -1,10 +1,11 @@
1
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
+ import classNames from 'classnames';
1
3
  import get from 'lodash/get';
2
4
  import isObject from 'lodash/isObject';
3
5
  import PropTypes from 'prop-types';
4
6
  import React, { useMemo } from 'react';
5
7
  import { useIntl } from 'react-intl';
6
8
 
7
- /* eslint-disable react/jsx-no-useless-fragment */
8
9
  var propTypes = {
9
10
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
10
11
  placeholder: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
@@ -14,7 +15,9 @@ var propTypes = {
14
15
  descriptionPath: PropTypes.string,
15
16
  // eslint-disable-next-line react/forbid-prop-types
16
17
  descriptionValues: PropTypes.object,
17
- locale: PropTypes.string
18
+ locale: PropTypes.string,
19
+ selected: PropTypes.bool,
20
+ className: PropTypes.string
18
21
  };
19
22
  var defaultProps = {
20
23
  value: null,
@@ -22,7 +25,9 @@ var defaultProps = {
22
25
  item: null,
23
26
  descriptionPath: null,
24
27
  descriptionValues: null,
25
- locale: null
28
+ locale: null,
29
+ selected: false,
30
+ className: null
26
31
  };
27
32
  var TextDescription = function TextDescription(_ref) {
28
33
  var initialValue = _ref.value,
@@ -30,7 +35,9 @@ var TextDescription = function TextDescription(_ref) {
30
35
  parentLocale = _ref.locale,
31
36
  item = _ref.item,
32
37
  descriptionPath = _ref.descriptionPath,
33
- descriptionValues = _ref.descriptionValues;
38
+ descriptionValues = _ref.descriptionValues,
39
+ selected = _ref.selected,
40
+ className = _ref.className;
34
41
  var _useIntl = useIntl(),
35
42
  locale = _useIntl.locale;
36
43
  var _useMemo = useMemo(function () {
@@ -44,10 +51,14 @@ var TextDescription = function TextDescription(_ref) {
44
51
  }, [initialValue, descriptionPath, descriptionValues, item, locale, parentLocale]),
45
52
  value = _useMemo.value,
46
53
  label = _useMemo.label;
47
- return label !== null ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
54
+ return label !== null ? /*#__PURE__*/React.createElement("div", {
55
+ className: classNames([_defineProperty({}, className, className !== null)])
56
+ }, /*#__PURE__*/React.createElement("p", {
48
57
  className: "d-block m-0 p-0 lh-sm"
49
58
  }, value || placeholder), /*#__PURE__*/React.createElement("p", {
50
- className: "d-block m-0 p-0 text-secondary text-opacity-75 lh-sm"
59
+ className: classNames(['d-block m-0 p-0 text-opacity-50 lh-sm', {
60
+ 'text-body': !selected
61
+ }])
51
62
  }, /*#__PURE__*/React.createElement("small", null, label))) : /*#__PURE__*/React.createElement(React.Fragment, null, value || placeholder);
52
63
  };
53
64
  TextDescription.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -2,13 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
+ var classNames = require('classnames');
5
7
  var get = require('lodash/get');
6
8
  var isObject = require('lodash/isObject');
7
9
  var PropTypes = require('prop-types');
8
10
  var React = require('react');
9
11
  var reactIntl = require('react-intl');
10
12
 
11
- /* eslint-disable react/jsx-no-useless-fragment */
12
13
  var propTypes = {
13
14
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
14
15
  placeholder: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
@@ -18,7 +19,9 @@ var propTypes = {
18
19
  descriptionPath: PropTypes.string,
19
20
  // eslint-disable-next-line react/forbid-prop-types
20
21
  descriptionValues: PropTypes.object,
21
- locale: PropTypes.string
22
+ locale: PropTypes.string,
23
+ selected: PropTypes.bool,
24
+ className: PropTypes.string
22
25
  };
23
26
  var defaultProps = {
24
27
  value: null,
@@ -26,7 +29,9 @@ var defaultProps = {
26
29
  item: null,
27
30
  descriptionPath: null,
28
31
  descriptionValues: null,
29
- locale: null
32
+ locale: null,
33
+ selected: false,
34
+ className: null
30
35
  };
31
36
  var TextDescription = function TextDescription(_ref) {
32
37
  var initialValue = _ref.value,
@@ -34,7 +39,9 @@ var TextDescription = function TextDescription(_ref) {
34
39
  parentLocale = _ref.locale,
35
40
  item = _ref.item,
36
41
  descriptionPath = _ref.descriptionPath,
37
- descriptionValues = _ref.descriptionValues;
42
+ descriptionValues = _ref.descriptionValues,
43
+ selected = _ref.selected,
44
+ className = _ref.className;
38
45
  var _useIntl = reactIntl.useIntl(),
39
46
  locale = _useIntl.locale;
40
47
  var _useMemo = React.useMemo(function () {
@@ -48,10 +55,14 @@ var TextDescription = function TextDescription(_ref) {
48
55
  }, [initialValue, descriptionPath, descriptionValues, item, locale, parentLocale]),
49
56
  value = _useMemo.value,
50
57
  label = _useMemo.label;
51
- return label !== null ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
58
+ return label !== null ? /*#__PURE__*/React.createElement("div", {
59
+ className: classNames([_defineProperty({}, className, className !== null)])
60
+ }, /*#__PURE__*/React.createElement("p", {
52
61
  className: "d-block m-0 p-0 lh-sm"
53
62
  }, value || placeholder), /*#__PURE__*/React.createElement("p", {
54
- className: "d-block m-0 p-0 text-secondary text-opacity-75 lh-sm"
63
+ className: classNames(['d-block m-0 p-0 text-opacity-50 lh-sm', {
64
+ 'text-body': !selected
65
+ }])
55
66
  }, /*#__PURE__*/React.createElement("small", null, label))) : /*#__PURE__*/React.createElement(React.Fragment, null, value || placeholder);
56
67
  };
57
68
  TextDescription.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/display-text-description",
3
- "version": "3.0.176",
3
+ "version": "3.0.182",
4
4
  "description": "Text with description in list",
5
5
  "keywords": [
6
6
  "javascript"
@@ -46,8 +46,9 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.12.5",
49
- "@panneau/core": "^3.0.176",
50
- "@panneau/themes": "^3.0.176",
49
+ "@panneau/core": "^3.0.182",
50
+ "@panneau/themes": "^3.0.182",
51
+ "classnames": "^2.5.1",
51
52
  "lodash": "^4.17.21",
52
53
  "prop-types": "^15.7.2",
53
54
  "react-intl": "^5.15.8||^6.0.0"
@@ -55,5 +56,5 @@
55
56
  "publishConfig": {
56
57
  "access": "public"
57
58
  },
58
- "gitHead": "ddd1878318abbb8da545c1883a50bf49c89ae9c5"
59
+ "gitHead": "27626681ce1bcf3e4779ecabeb5d69c58df4d351"
59
60
  }