linear-react-components-ui 1.1.25-beta.6 → 1.1.25-beta.7

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 (59) hide show
  1. package/lib/{BaseMask-78847f45.d.ts → BaseMask-0c14ef51.d.ts} +1 -1
  2. package/lib/{Cnpj-8366781f.d.ts → Cnpj-53bfd6ab.d.ts} +2 -1
  3. package/lib/{Cpf-3dfd54eb.d.ts → Cpf-019b21e0.d.ts} +2 -1
  4. package/lib/{Phone-1962c0f2.d.ts → Phone-2bb0b397.d.ts} +1 -1
  5. package/lib/{ZipCode-be9c5b3b.d.ts → ZipCode-09460e18.d.ts} +1 -1
  6. package/lib/index-19761a50.d.ts +26 -0
  7. package/lib/{index-6fcf446c.d.ts → index-208e7f62.d.ts} +20 -2
  8. package/lib/{index-02a27c19.d.ts → index-3b70931d.d.ts} +20 -2
  9. package/lib/index-4bda404f.d.ts +42 -0
  10. package/lib/{index-25b80f32.d.ts → index-7dfa8924.d.ts} +1 -1
  11. package/lib/{index-6f5c772d.d.ts → index-9e576346.d.ts} +1 -1
  12. package/lib/{index-696662fe.d.ts → index-afb7b5a9.d.ts} +1 -1
  13. package/lib/inputs2/checkboxfield/index.d.ts +2 -3
  14. package/lib/inputs2/checkboxfield/index.js +125 -32
  15. package/lib/inputs2/colorfield/index.d.ts +5 -6
  16. package/lib/inputs2/date/datefield/index.js +322 -34
  17. package/lib/inputs2/date/datefield/types.d.ts +3 -5
  18. package/lib/inputs2/date/dateperiodfield/index.js +587 -34
  19. package/lib/inputs2/date/dateperiodfield/types.d.ts +3 -5
  20. package/lib/inputs2/filefield/index.d.ts +5 -6
  21. package/lib/inputs2/index.d.ts +15 -18
  22. package/lib/inputs2/mask/BaseMask.d.ts +5 -6
  23. package/lib/inputs2/mask/Cnpj.d.ts +6 -7
  24. package/lib/inputs2/mask/Cnpj.js +21 -18
  25. package/lib/inputs2/mask/Cpf.d.ts +6 -7
  26. package/lib/inputs2/mask/Cpf.js +19 -12
  27. package/lib/inputs2/mask/Phone.d.ts +6 -7
  28. package/lib/inputs2/mask/ZipCode.d.ts +6 -7
  29. package/lib/inputs2/numberfield/currency.d.ts +4 -5
  30. package/lib/inputs2/numberfield/decimal.d.ts +4 -5
  31. package/lib/inputs2/numberfield/index.d.ts +4 -5
  32. package/lib/inputs2/numberfield/types.d.ts +4 -5
  33. package/lib/inputs2/radiofield/index.d.ts +1 -1
  34. package/lib/inputs2/radiofield/index.js +126 -25
  35. package/lib/inputs2/radiofield/types.d.ts +4 -6
  36. package/lib/inputs2/selectfield/index.d.ts +1 -1
  37. package/lib/inputs2/selectfield/index.js +502 -35
  38. package/lib/inputs2/selectfield/types.d.ts +6 -8
  39. package/lib/inputs2/textareafield/index.d.ts +3 -4
  40. package/lib/inputs2/textareafield/index.js +154 -30
  41. package/lib/inputs2/textfield/index.d.ts +4 -5
  42. package/lib/inputs2/textfield/index.js +120 -30
  43. package/package.json +1 -1
  44. package/lib/index-053f615b.d.ts +0 -26
  45. package/lib/index-7159df18.d.ts +0 -21
  46. package/lib/inputs2/checkboxfield/base.d.ts +0 -29
  47. package/lib/inputs2/checkboxfield/base.js +0 -134
  48. package/lib/inputs2/date/datefield/base.d.ts +0 -13
  49. package/lib/inputs2/date/datefield/base.js +0 -330
  50. package/lib/inputs2/date/dateperiodfield/base.d.ts +0 -13
  51. package/lib/inputs2/date/dateperiodfield/base.js +0 -595
  52. package/lib/inputs2/radiofield/base.d.ts +0 -12
  53. package/lib/inputs2/radiofield/base.js +0 -156
  54. package/lib/inputs2/selectfield/base.d.ts +0 -11
  55. package/lib/inputs2/selectfield/base.js +0 -513
  56. package/lib/inputs2/textareafield/base.d.ts +0 -26
  57. package/lib/inputs2/textareafield/base.js +0 -166
  58. package/lib/inputs2/textfield/base.d.ts +0 -26
  59. package/lib/inputs2/textfield/base.js +0 -131
@@ -1,156 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.InputBase = void 0;
7
- require("../../assets/styles/radiofield.scss");
8
- var _react = _interopRequireDefault(require("react"));
9
- var _lodash = _interopRequireDefault(require("lodash"));
10
- var _uuid = require("uuid");
11
- var _hint = _interopRequireDefault(require("../../hint"));
12
- var _popover = _interopRequireDefault(require("../../popover"));
13
- var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
14
- var Tooltip = _interopRequireWildcard(require("../../tooltip"));
15
- var _permissionValidations = require("../../permissionValidations");
16
- const _excluded = ["label", "errors", "tooltip", "tooltipPosition", "tooltipWidth", "hint", "gridLayout", "size", "onDeniedActions", "permissionAttr", "labelUppercase", "customClassLabel", "customClassInputContainer", "customClass", "customClassWrapper", "textAlign", "skeletonize", "hintPosition", "themePopover", "popoverAlign"];
17
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
18
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
19
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
20
- 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; }
21
- 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; }
22
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
23
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
24
- 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); }
25
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
26
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
27
- const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
28
- const InputBase = exports.InputBase = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
29
- const {
30
- label,
31
- errors,
32
- tooltip,
33
- tooltipPosition,
34
- tooltipWidth,
35
- hint,
36
- gridLayout,
37
- size = 'medium',
38
- onDeniedActions = undefined,
39
- permissionAttr = undefined,
40
- labelUppercase = false,
41
- customClassLabel = '',
42
- customClassInputContainer = '',
43
- customClass = '',
44
- customClassWrapper = '',
45
- textAlign = 'left',
46
- skeletonize = false,
47
- hintPosition = 'below',
48
- themePopover = 'light',
49
- popoverAlign = 'left'
50
- } = props,
51
- rest = _objectWithoutProperties(props, _excluded);
52
- const onDenied = _react.default.useMemo(() => {
53
- return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
54
- }, [onDeniedActions, permissionAttr]);
55
- const {
56
- hideContent,
57
- unvisible
58
- } = onDenied;
59
- const inputContainerRef = _react.default.useRef(null);
60
- const inputId = _react.default.useMemo(() => (props === null || props === void 0 ? void 0 : props.id) || (props === null || props === void 0 ? void 0 : props.fieldId) || (0, _uuid.v1)(), [props === null || props === void 0 ? void 0 : props.id, props === null || props === void 0 ? void 0 : props.fieldId]);
61
- const hasLabel = !_lodash.default.isEmpty(props === null || props === void 0 ? void 0 : props.label);
62
- const isReadOnly = Boolean(props.readOnly || onDenied.readOnly);
63
- const isDisabled = Boolean(props.disabled || onDenied.disabled);
64
- const hasHintMessages = Boolean(hint === null || hint === void 0 ? void 0 : hint.length);
65
- const hasValidationErrors = Boolean(errors === null || errors === void 0 ? void 0 : errors.length);
66
- const isChecked = (props === null || props === void 0 ? void 0 : props.checked) || _lodash.default.isEqual(props === null || props === void 0 ? void 0 : props.value, props === null || props === void 0 ? void 0 : props.fieldId);
67
- const handleOnChange = event => {
68
- var _rest$onChange;
69
- if (isReadOnly) {
70
- event.preventDefault();
71
- event.stopPropagation();
72
- return;
73
- }
74
- const syntheticEvent = _objectSpread(_objectSpread({}, event), {}, {
75
- target: _objectSpread(_objectSpread({}, event.target), {}, {
76
- value: props === null || props === void 0 ? void 0 : props.fieldId
77
- })
78
- });
79
- (_rest$onChange = rest.onChange) === null || _rest$onChange === void 0 ? void 0 : _rest$onChange.call(rest, syntheticEvent);
80
- };
81
- const handleOnClick = event => {
82
- var _rest$onClick;
83
- if (isReadOnly) {
84
- event.preventDefault();
85
- event.stopPropagation();
86
- return;
87
- }
88
- (_rest$onClick = rest.onClick) === null || _rest$onClick === void 0 ? void 0 : _rest$onClick.call(rest, event);
89
- };
90
- if (unvisible || hideContent) return null;
91
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
92
- cols: gridLayout
93
- }, /*#__PURE__*/_react.default.createElement("div", {
94
- "data-testid": "test-radio-field-root",
95
- "data-state-error": hasValidationErrors,
96
- className: "radio-field-root ".concat(customClassWrapper)
97
- }, /*#__PURE__*/_react.default.createElement("div", {
98
- ref: inputContainerRef,
99
- "data-state-skeletonize": skeletonize,
100
- className: "container ".concat(customClassInputContainer)
101
- }, /*#__PURE__*/_react.default.createElement("input", _extends({
102
- "data-testid": "test-radio-field-input"
103
- }, _lodash.default.omit(rest, ['fieldId']), {
104
- ref: ref,
105
- id: inputId,
106
- type: "radio",
107
- checked: isChecked,
108
- readOnly: isReadOnly,
109
- disabled: isDisabled || isReadOnly,
110
- className: "input ".concat(customClass),
111
- tabIndex: !isReadOnly ? 0 : -1,
112
- placeholder: rest.placeholder,
113
- "data-state-size": size,
114
- "data-state-error": hasValidationErrors,
115
- "data-state-read-only": isReadOnly,
116
- "data-state-text-align": textAlign,
117
- "data-state-skeletonize": skeletonize,
118
- onClick: handleOnClick,
119
- onChange: handleOnChange
120
- })), hasLabel && /*#__PURE__*/_react.default.createElement("span", {
121
- className: "root-label ".concat(customClassLabel),
122
- "data-state-skeletonize": skeletonize
123
- }, /*#__PURE__*/_react.default.createElement("label", {
124
- className: "label",
125
- title: label,
126
- htmlFor: inputId,
127
- "data-state-disabled": isDisabled,
128
- "data-state-read-only": isReadOnly,
129
- "data-state-input-required": props.required,
130
- "data-state-label-uppercase": labelUppercase
131
- }, label), hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
132
- customClass: "label-popover",
133
- theme: themePopover,
134
- align: popoverAlign,
135
- iconColor: "#03bde2"
136
- }, hint))), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
137
- customClass: "hint",
138
- description: hint,
139
- disabled: isDisabled,
140
- skeletonize: skeletonize,
141
- visible: hasHintMessages
142
- }), hasValidationErrors && /*#__PURE__*/_react.default.createElement("span", {
143
- "data-testid": "test-radio-field-list-errors",
144
- className: "error",
145
- "data-state-skeletonize": skeletonize,
146
- "aria-describedby": String(props.name).concat('-errors')
147
- }, errors === null || errors === void 0 ? void 0 : errors.map((error, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
148
- key: "".concat(index + 1, "-").concat(error)
149
- }, error, "\xA0"))))), /*#__PURE__*/_react.default.createElement(Tooltip.Tooltip, {
150
- targetRef: inputContainerRef,
151
- text: tooltip,
152
- width: tooltipWidth,
153
- position: tooltipPosition
154
- }));
155
- });
156
- InputBase.displayName = 'RadioFieldInputBase';
@@ -1,11 +0,0 @@
1
- import React__default from 'react';
2
- import { SelectFieldInputBaseProps } from './types.js';
3
- import '../../@types/Align.js';
4
- import '../../@types/ColorStyles.js';
5
- import '../../tooltip/types.js';
6
- import '../../@types/Position.js';
7
- import '../../@types/PermissionAttr.js';
8
-
9
- declare const InputBase: React__default.ForwardRefExoticComponent<SelectFieldInputBaseProps & React__default.RefAttributes<HTMLInputElement>>;
10
-
11
- export { InputBase };