linear-react-components-ui 1.0.3-beta.1 → 1.0.3-beta.3
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/lib/icons/helper.d.ts +4 -0
- package/lib/icons/helper.js +4 -0
- package/lib/inputs/base/InputTextBase.js +2 -3
- package/lib/inputs/base/helpers.d.ts +1 -1
- package/lib/inputs/base/helpers.js +1 -21
- package/lib/inputs/base/types.d.ts +0 -1
- package/lib/popover/index.js +5 -7
- package/lib/popover/types.d.ts +1 -2
- package/package.json +1 -1
package/lib/icons/helper.d.ts
CHANGED
package/lib/icons/helper.js
CHANGED
|
@@ -560,6 +560,10 @@ var _default = {
|
|
|
560
560
|
checkmarkCircle: {
|
|
561
561
|
viewbox: '0 0 16 16',
|
|
562
562
|
paths: ['M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM6.5 12.031l-2.813-3.344 1.031-1.031 1.781 1.75 5.156-4.5 0.719 0.719-5.875 6.406z']
|
|
563
|
+
},
|
|
564
|
+
select2: {
|
|
565
|
+
viewbox: '0 0 16 16',
|
|
566
|
+
paths: ['M13.002 14.658v0l-2.16-4.329 4.278-0.74-10.119-7.589v12.649l3.158-2.978 2.16 4.329z', 'M1 10.5v-9c0-0.271 0.229-0.5 0.5-0.5h11c0.271 0 0.5 0.229 0.5 0.5v4l1 0.75v-4.75c0-0.825-0.675-1.5-1.5-1.5h-11c-0.825 0-1.5 0.675-1.5 1.5v9c0 0.825 0.675 1.5 1.5 1.5h1.5v-1h-1.5c-0.271 0-0.5-0.229-0.5-0.5z']
|
|
563
567
|
}
|
|
564
568
|
};
|
|
565
569
|
exports.default = _default;
|
|
@@ -78,8 +78,7 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
78
78
|
_onDragOver = props.onDragOver,
|
|
79
79
|
_onDrop = props.onDrop,
|
|
80
80
|
_onDragLeave = props.onDragLeave,
|
|
81
|
-
readOnlyClass = props.readOnlyClass
|
|
82
|
-
help = props.help;
|
|
81
|
+
readOnlyClass = props.readOnlyClass;
|
|
83
82
|
var propsInput;
|
|
84
83
|
var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
85
84
|
var onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
|
|
@@ -195,7 +194,7 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
195
194
|
}, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
|
|
196
195
|
rows: props.rows,
|
|
197
196
|
cols: props.cols
|
|
198
|
-
}, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize,
|
|
197
|
+
}, inputProps())) : /*#__PURE__*/_react.default.createElement("input", inputProps()), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), hint && /*#__PURE__*/_react.default.createElement("p", {
|
|
199
198
|
className: "hint"
|
|
200
199
|
}, hint), errorMessages && helpers.getErrorMessages(errorMessages));
|
|
201
200
|
};
|
|
@@ -10,6 +10,6 @@ declare const getInputClass: ({ textAlign, readOnly, readOnlyClass }: {
|
|
|
10
10
|
}) => string;
|
|
11
11
|
declare const getInputWrapperClass: (props: IBaseProps) => string;
|
|
12
12
|
declare const getErrorMessages: (messages: string[]) => JSX.Element;
|
|
13
|
-
declare const getRightElements: (errorMessages: string[], skeletonize: boolean,
|
|
13
|
+
declare const getRightElements: (errorMessages: string[], skeletonize: boolean, rightElements?: JSX.Element | JSX.Element[]) => JSX.Element | JSX.Element[] | null;
|
|
14
14
|
|
|
15
15
|
export { getErrorMessages, getInputClass, getInputWrapperClass, getRightElements };
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
@@ -11,15 +9,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
9
|
|
|
12
10
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
11
|
|
|
14
|
-
var _popover = _interopRequireWildcard(require("../../popover"));
|
|
15
|
-
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
13
|
|
|
22
|
-
/* eslint-disable react/jsx-closing-tag-location */
|
|
23
14
|
var getInputClass = function getInputClass(_ref) {
|
|
24
15
|
var textAlign = _ref.textAlign,
|
|
25
16
|
readOnly = _ref.readOnly,
|
|
@@ -49,7 +40,7 @@ var getErrorMessages = function getErrorMessages(messages) {
|
|
|
49
40
|
|
|
50
41
|
exports.getErrorMessages = getErrorMessages;
|
|
51
42
|
|
|
52
|
-
var getRightElements = function getRightElements(errorMessages, skeletonize,
|
|
43
|
+
var getRightElements = function getRightElements(errorMessages, skeletonize, rightElements) {
|
|
53
44
|
var elements = rightElements || [];
|
|
54
45
|
if (skeletonize) return null;
|
|
55
46
|
|
|
@@ -57,17 +48,6 @@ var getRightElements = function getRightElements(errorMessages, skeletonize, hel
|
|
|
57
48
|
elements = [elements];
|
|
58
49
|
}
|
|
59
50
|
|
|
60
|
-
if (help) {
|
|
61
|
-
elements.push( /*#__PURE__*/_react.default.createElement(_popover.default, {
|
|
62
|
-
style: {
|
|
63
|
-
width: 'auto',
|
|
64
|
-
height: 'auto'
|
|
65
|
-
},
|
|
66
|
-
iconSize: 16,
|
|
67
|
-
align: "right"
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, null, help)));
|
|
69
|
-
}
|
|
70
|
-
|
|
71
51
|
elements = elements.map(function (element, index) {
|
|
72
52
|
return element && /*#__PURE__*/_react.default.cloneElement(element, {
|
|
73
53
|
key: "rightelement-".concat(index + 1)
|
package/lib/popover/index.js
CHANGED
|
@@ -46,12 +46,7 @@ var Popover = function Popover(_ref) {
|
|
|
46
46
|
_ref$iconColor = _ref.iconColor,
|
|
47
47
|
iconColor = _ref$iconColor === void 0 ? '' : _ref$iconColor,
|
|
48
48
|
_ref$customClass = _ref.customClass,
|
|
49
|
-
customClass = _ref$customClass === void 0 ? '' : _ref$customClass
|
|
50
|
-
_ref$style = _ref.style,
|
|
51
|
-
style = _ref$style === void 0 ? {
|
|
52
|
-
height: '100%',
|
|
53
|
-
width: '100%'
|
|
54
|
-
} : _ref$style;
|
|
49
|
+
customClass = _ref$customClass === void 0 ? '' : _ref$customClass;
|
|
55
50
|
return /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
56
51
|
round: true,
|
|
57
52
|
dropdown: true,
|
|
@@ -62,7 +57,10 @@ var Popover = function Popover(_ref) {
|
|
|
62
57
|
dropdownAlign: align,
|
|
63
58
|
showIconDropdown: false,
|
|
64
59
|
customClass: "popover-component",
|
|
65
|
-
style:
|
|
60
|
+
style: {
|
|
61
|
+
height: '100%',
|
|
62
|
+
width: '100%'
|
|
63
|
+
},
|
|
66
64
|
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
67
65
|
customClass: "buttonicon",
|
|
68
66
|
name: iconName || 'information',
|
package/lib/popover/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { Position } from '../@types/Position.js';
|
|
3
3
|
import { SizePixels } from '../@types/SizePixels.js';
|
|
4
4
|
|
|
@@ -16,7 +16,6 @@ interface IPopoverProps {
|
|
|
16
16
|
theme?: 'light' | 'dark';
|
|
17
17
|
align?: Extract<Position, 'left' | 'right'>;
|
|
18
18
|
iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
|
|
19
|
-
style?: CSSProperties;
|
|
20
19
|
}
|
|
21
20
|
|
|
22
21
|
export { IPopoverProps, PopoverTextProps, PopoverTitleProps };
|