linear-react-components-ui 1.0.0-rc.4 → 1.0.0-rc.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.
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +4 -1
- package/lib/alerts/AlertProvider.js +2 -2
- package/lib/alerts/BaseAlert.js +2 -2
- package/lib/alerts/index.d.ts +4 -1
- package/lib/alerts/types.d.ts +4 -4
- package/lib/assets/styles/button.scss +3 -0
- package/lib/assets/styles/commons.scss +10 -0
- package/lib/assets/styles/dropdown.scss +35 -2
- package/lib/assets/styles/effects.scss +11 -0
- package/lib/assets/styles/file.scss +191 -0
- package/lib/assets/styles/input.scss +3 -0
- package/lib/assets/styles/list.scss +8 -0
- package/lib/assets/styles/table.scss +2 -7
- package/lib/buttons/DefaultButton.js +2 -2
- package/lib/buttons/index.d.ts +4 -1
- package/lib/calendar/base/Month.js +1 -1
- package/lib/calendar/base/Week.js +1 -1
- package/lib/calendar/base/index.js +2 -2
- package/lib/calendar/index.d.ts +4 -1
- package/lib/checkbox/index.js +2 -2
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/form/index.js +4 -2
- package/lib/dialog/index.d.ts +4 -1
- package/lib/dialog/types.d.ts +1 -0
- package/lib/drawer/Drawer.d.ts +1 -1
- package/lib/drawer/Drawer.js +18 -4
- package/lib/drawer/types.d.ts +3 -0
- package/lib/dropdown/withDropdown.js +3 -3
- package/lib/fieldset/index.js +2 -2
- package/lib/form/Field.js +2 -2
- package/lib/form/FieldArray.js +4 -2
- package/lib/form/FieldNumber.js +16 -8
- package/lib/form/helpers.js +1 -1
- package/lib/form/index.js +5 -3
- package/lib/form/types.d.ts +16 -11
- package/lib/form/withFieldHOC.js +2 -2
- package/lib/form/withFormSecurity.js +2 -2
- package/lib/gridlayout/index.d.ts +4 -1
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/inputs/base/InputTextBase.js +21 -2
- package/lib/inputs/base/helpers.d.ts +2 -1
- package/lib/inputs/base/helpers.js +3 -2
- package/lib/inputs/base/types.d.ts +14 -2
- package/lib/inputs/color/index.js +2 -2
- package/lib/inputs/date/index.js +4 -5
- package/lib/inputs/file/DefaultFile.d.ts +10 -0
- package/lib/inputs/file/DefaultFile.js +102 -0
- package/lib/inputs/file/DragDropFile.d.ts +10 -0
- package/lib/inputs/file/DragDropFile.js +305 -0
- package/lib/inputs/file/File.d.ts +10 -0
- package/lib/inputs/file/File.js +70 -0
- package/lib/inputs/file/FileButtonSettings.d.ts +10 -0
- package/lib/inputs/file/FileButtonSettings.js +34 -0
- package/lib/inputs/file/helpers.d.ts +10 -0
- package/lib/inputs/file/helpers.js +23 -0
- package/lib/inputs/file/index.d.ts +13 -0
- package/lib/inputs/file/index.js +25 -0
- package/lib/inputs/file/types.d.ts +48 -0
- package/lib/inputs/file/types.js +5 -0
- package/lib/inputs/inputHOC.js +2 -2
- package/lib/inputs/mask/BaseMask.js +29 -15
- package/lib/inputs/mask/Cnpj.js +2 -2
- package/lib/inputs/mask/Cpf.js +2 -2
- package/lib/inputs/mask/imaskHOC.js +18 -13
- package/lib/inputs/mask/index.d.ts +4 -1
- package/lib/inputs/mask/types.d.ts +4 -1
- package/lib/inputs/multiSelect/Dropdown.js +2 -2
- package/lib/inputs/multiSelect/index.js +2 -2
- package/lib/inputs/number/BaseNumber.js +44 -25
- package/lib/inputs/number/Currency.d.ts +2 -2
- package/lib/inputs/number/types.d.ts +3 -2
- package/lib/inputs/period/index.js +4 -2
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +4 -4
- package/lib/inputs/select/Dropdown.js +2 -2
- package/lib/inputs/select/multiple/index.js +29 -31
- package/lib/inputs/select/simple/index.js +22 -19
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/types.d.ts +4 -8
- package/lib/internals/withTooltip.js +2 -2
- package/lib/labelMessages/index.js +2 -2
- package/lib/labels/DefaultLabel.js +2 -2
- package/lib/labels/index.d.ts +4 -1
- package/lib/list/Item.js +2 -2
- package/lib/list/index.js +2 -2
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +14 -5
- package/lib/menus/float/SubMenuContainer.js +83 -0
- package/lib/menus/float/index.d.ts +31 -1
- package/lib/menus/float/index.js +10 -1
- package/lib/menus/float/types.d.ts +1 -0
- package/lib/menus/index.d.ts +5 -1
- package/lib/menus/sidenav/NavMenuItem.js +2 -2
- package/lib/menus/sidenav/NavSubMenuItem.js +2 -2
- package/lib/menus/sidenav/index.js +3 -3
- package/lib/menus/sidenav/popup_menu_search/index.js +3 -2
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +2 -2
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +1 -1
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/index.d.ts +5 -2
- package/lib/panel/types.d.ts +1 -1
- package/lib/radio/index.js +2 -2
- package/lib/spinner/index.js +2 -2
- package/lib/split/Split.js +2 -2
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/index.d.ts +4 -1
- package/lib/table/index.js +2 -2
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +1 -1
- package/lib/tabs/Panel.js +2 -2
- package/lib/tabs/index.js +2 -2
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +2 -2
- package/lib/treetable/Row.js +25 -27
- package/lib/treeview/Node.js +2 -2
- package/lib/treeview/index.js +2 -2
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Node.js +3 -1
- package/lib/{types-3c6f1c20.d.ts → types-90c43ae1.d.ts} +1 -1
- package/lib/uitour/index.js +2 -2
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +3 -2
package/lib/@types/Align.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
|
|
2
2
|
|
|
3
3
|
export { ButtonTypes };
|
package/lib/@types/Icon.d.ts
CHANGED
package/lib/@types/Period.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
type PermissionAttr = {
|
|
2
2
|
module?: string;
|
|
3
3
|
feature?: string;
|
|
4
4
|
operation?: string;
|
|
5
5
|
onDenied?: string;
|
|
6
6
|
};
|
|
7
|
-
|
|
7
|
+
type OnDenied = {
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
unvisible?: boolean;
|
|
10
10
|
readOnly?: boolean;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset';
|
|
2
2
|
|
|
3
3
|
export { PointerEvents };
|
package/lib/@types/Position.d.ts
CHANGED
package/lib/@types/Size.d.ts
CHANGED
|
@@ -4,10 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
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); }
|
|
7
8
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
9
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
9
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
10
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
10
11
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
11
14
|
var AlertContainer = /*#__PURE__*/function () {
|
|
12
15
|
function AlertContainer(pushAlert) {
|
|
13
16
|
var _this = this;
|
|
@@ -18,8 +18,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
18
18
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
20
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
22
|
-
function _iterableToArrayLimit(arr, i) { var _i =
|
|
21
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
22
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
23
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
24
|
var AlertProvider = function AlertProvider(props) {
|
|
25
25
|
var _useState = (0, _react.useState)({
|
package/lib/alerts/BaseAlert.js
CHANGED
|
@@ -11,8 +11,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
12
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
13
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
15
|
-
function _iterableToArrayLimit(arr, i) { var _i =
|
|
14
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
16
16
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
17
|
var body = document.getElementsByTagName('body')[0];
|
|
18
18
|
var alert = document.getElementById('alert');
|
package/lib/alerts/index.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import withAlert from './withAlert.js';
|
|
2
|
-
export { default } from './withAlert.js';
|
|
3
2
|
export { default as AlertProvider } from './AlertProvider.js';
|
|
4
3
|
import 'react';
|
|
5
4
|
import './types.js';
|
|
6
5
|
import '../@types/PositionAlert.js';
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
export { withAlert as default };
|
package/lib/alerts/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { PositionAlert } from '../@types/PositionAlert.js';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
type AlertContainerMethods = {
|
|
5
5
|
default: (messageConfig: DefaultMessageConfigType) => void;
|
|
6
6
|
info: (message: string, options: IMessageProps) => void;
|
|
7
7
|
custom: (message: string, options: IMessageProps) => void;
|
|
@@ -9,7 +9,7 @@ declare type AlertContainerMethods = {
|
|
|
9
9
|
warning: (message: string, options: IMessageProps) => void;
|
|
10
10
|
success: (message: string, options: IMessageProps) => void;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
type DefaultMessageConfigType = {
|
|
13
13
|
message: string;
|
|
14
14
|
options: IMessageProps & {
|
|
15
15
|
type: 'info' | 'warning' | 'danger' | 'success';
|
|
@@ -37,11 +37,11 @@ interface IAlertProviderProps {
|
|
|
37
37
|
interface WithAlertContextProps {
|
|
38
38
|
alert?: AlertContainerMethods;
|
|
39
39
|
}
|
|
40
|
-
|
|
40
|
+
type GetClassParams = {
|
|
41
41
|
customClass?: string;
|
|
42
42
|
className?: string;
|
|
43
43
|
};
|
|
44
|
-
|
|
44
|
+
type MessagesState = {
|
|
45
45
|
[key: string]: Array<IMessageProps>;
|
|
46
46
|
};
|
|
47
47
|
|
|
@@ -116,6 +116,16 @@
|
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
+
%skeleton-transparency {
|
|
120
|
+
content: '';
|
|
121
|
+
position: absolute;
|
|
122
|
+
width: 100%;
|
|
123
|
+
height: 100%;
|
|
124
|
+
background: rgb(255,255,255);
|
|
125
|
+
background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
|
|
126
|
+
rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
|
|
127
|
+
}
|
|
128
|
+
|
|
119
129
|
/* Efeito utilizado para o componente Skeleton */
|
|
120
130
|
@keyframes shimmer {
|
|
121
131
|
0% {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@import "commons.scss";
|
|
2
2
|
@import "effects.scss";
|
|
3
|
+
@import "colors.scss";
|
|
3
4
|
.dropdown-component {
|
|
4
5
|
position: absolute;
|
|
5
6
|
animation: 0.3s ease-in 0s 1 slideDown, revealelement 0.3s forwards ease-in-out;
|
|
@@ -75,12 +76,44 @@
|
|
|
75
76
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
|
|
76
77
|
animation: revealelement 0.3s forwards ease-in-out;
|
|
77
78
|
margin-right: 7px;
|
|
78
|
-
> .floatmenuitem
|
|
79
|
+
> .floatmenuitem,
|
|
80
|
+
> .floatsubmenu .floatmenuitem {
|
|
79
81
|
text-decoration: none;
|
|
80
82
|
color: #666666;
|
|
81
83
|
text-align: center;
|
|
82
84
|
}
|
|
83
|
-
> .
|
|
85
|
+
> .floatsubmenu {
|
|
86
|
+
position: relative;
|
|
87
|
+
animation: slideWithPositionRightToLeft 0.4s;
|
|
88
|
+
}
|
|
89
|
+
> .floatsubmenu {
|
|
90
|
+
width: 100%;
|
|
91
|
+
> .submenuheader {
|
|
92
|
+
color: $font-color-soft;
|
|
93
|
+
display: flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
gap: 10px;
|
|
96
|
+
margin-bottom: 10px;
|
|
97
|
+
span {
|
|
98
|
+
font-weight: 500;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
> .submenucontent {
|
|
102
|
+
display: -webkit-box;
|
|
103
|
+
display: -ms-flexbox;
|
|
104
|
+
display: flex;
|
|
105
|
+
-webkit-box-orient: horizontal;
|
|
106
|
+
-webkit-box-direction: normal;
|
|
107
|
+
-ms-flex-flow: row wrap;
|
|
108
|
+
flex-flow: row wrap;
|
|
109
|
+
|
|
110
|
+
svg {
|
|
111
|
+
margin: 0 auto;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
> .floatmenuitem .-items,
|
|
116
|
+
> .floatsubmenu .floatmenuitem .-items {
|
|
84
117
|
border: solid 1px $default-hover-color;
|
|
85
118
|
margin: 0 5px 5px 0;
|
|
86
119
|
font-size: 12px;
|
|
@@ -791,6 +791,17 @@
|
|
|
791
791
|
}
|
|
792
792
|
}
|
|
793
793
|
|
|
794
|
+
@keyframes slideWithPositionRightToLeft {
|
|
795
|
+
from {
|
|
796
|
+
left: 100%;
|
|
797
|
+
opacity: 0;
|
|
798
|
+
}
|
|
799
|
+
to {
|
|
800
|
+
left: 0;
|
|
801
|
+
opacity: 1;
|
|
802
|
+
}
|
|
803
|
+
}
|
|
804
|
+
|
|
794
805
|
@keyframes slideRightToLeftWithFade {
|
|
795
806
|
from {
|
|
796
807
|
opacity: 0;
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
@import "colors.scss";
|
|
2
|
+
@import "effects";
|
|
3
|
+
::-webkit-file-upload-button {
|
|
4
|
+
display: none;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.button-component {
|
|
8
|
+
&.-transparentWithoutShadow {
|
|
9
|
+
border: none;
|
|
10
|
+
box-shadow: none;
|
|
11
|
+
background-color: transparent;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.input-dragdrop-container {
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 100%;
|
|
18
|
+
> .drag-content {
|
|
19
|
+
height: 100%;
|
|
20
|
+
width: 100%;
|
|
21
|
+
max-width: 100%;
|
|
22
|
+
text-align: center;
|
|
23
|
+
> .drag-position-element {
|
|
24
|
+
position: absolute;
|
|
25
|
+
width: 100%;
|
|
26
|
+
height: 100%;
|
|
27
|
+
border-radius: 1rem;
|
|
28
|
+
top: 0px;
|
|
29
|
+
right: 0px;
|
|
30
|
+
bottom: 0px;
|
|
31
|
+
left: 0px;
|
|
32
|
+
}
|
|
33
|
+
> .content {
|
|
34
|
+
padding: 2rem 1rem;
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
width: 100%;
|
|
38
|
+
height: 100%;
|
|
39
|
+
min-height: 150px;
|
|
40
|
+
display: flex;
|
|
41
|
+
margin: 0px;
|
|
42
|
+
align-items: center;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
border-width: 2px;
|
|
45
|
+
border-radius: 1rem;
|
|
46
|
+
border-style: dashed;
|
|
47
|
+
border-color: #cbd5e1;
|
|
48
|
+
background-color: #f8fafc;
|
|
49
|
+
&.disapprovedFile {
|
|
50
|
+
background-color: #eec8c4;
|
|
51
|
+
border-color: $danger-border-color;
|
|
52
|
+
cursor: no-drop;
|
|
53
|
+
}
|
|
54
|
+
&.approvedFile {
|
|
55
|
+
background-color: #d1f0d7;
|
|
56
|
+
border-color: $success-border-color;
|
|
57
|
+
}
|
|
58
|
+
> label {
|
|
59
|
+
width: 100%;
|
|
60
|
+
display: flex;
|
|
61
|
+
flex-direction: column;
|
|
62
|
+
align-items: center;
|
|
63
|
+
justify-content: center;
|
|
64
|
+
> .title {
|
|
65
|
+
font-weight: bold;
|
|
66
|
+
font-size: 24px;
|
|
67
|
+
color: #4f4e4e;
|
|
68
|
+
}
|
|
69
|
+
> .subtitle {
|
|
70
|
+
font-size: 14px !important;
|
|
71
|
+
color: #777777;
|
|
72
|
+
padding-bottom: 10px;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
> .file-list {
|
|
76
|
+
display: flex;
|
|
77
|
+
flex: 1;
|
|
78
|
+
gap: 20px;
|
|
79
|
+
overflow: auto;
|
|
80
|
+
width: 100%;
|
|
81
|
+
position: relative;
|
|
82
|
+
padding: 0 0 10px 0;
|
|
83
|
+
> .file-card {
|
|
84
|
+
width: 150px;
|
|
85
|
+
position: relative;
|
|
86
|
+
border-radius: 10px;
|
|
87
|
+
background-color: #dadada;
|
|
88
|
+
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
|
89
|
+
padding: 10px 10px;
|
|
90
|
+
height: 125px;
|
|
91
|
+
&:hover .delete-button{
|
|
92
|
+
opacity: 1;
|
|
93
|
+
pointer-events: all;
|
|
94
|
+
}
|
|
95
|
+
> .delete-button{
|
|
96
|
+
position: absolute;
|
|
97
|
+
padding: 0;
|
|
98
|
+
right: 0px;
|
|
99
|
+
opacity: 0;
|
|
100
|
+
pointer-events: none;
|
|
101
|
+
top: 8px;
|
|
102
|
+
& svg {
|
|
103
|
+
fill: $danger-color;
|
|
104
|
+
background-color: white;
|
|
105
|
+
border-radius: 10px;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
> .image-content {
|
|
109
|
+
img {
|
|
110
|
+
width: 130px;
|
|
111
|
+
object-fit: cover;
|
|
112
|
+
height: 80px;
|
|
113
|
+
max-height: 75px;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
> .description-file {
|
|
117
|
+
width: 100%;
|
|
118
|
+
overflow: hidden;
|
|
119
|
+
text-overflow: ellipsis;
|
|
120
|
+
white-space: nowrap;
|
|
121
|
+
> .subtitle {
|
|
122
|
+
font-size: 14px !important;
|
|
123
|
+
color: #777777;
|
|
124
|
+
padding-bottom: 10px;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
& .color-icon-upload {
|
|
128
|
+
border-radius: 10px;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
> .image-preview-solo {
|
|
133
|
+
img {
|
|
134
|
+
width: 100%;
|
|
135
|
+
object-fit: contain;
|
|
136
|
+
height: 150px;
|
|
137
|
+
padding: 10px;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
> .footer-button-action {
|
|
141
|
+
gap: 15px;
|
|
142
|
+
display: flex;
|
|
143
|
+
padding-top: 10px;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.input-simple-file-container {
|
|
150
|
+
.-disabledVisualApply {
|
|
151
|
+
background: #fff5e5 !important;
|
|
152
|
+
> .size-position-icon {
|
|
153
|
+
> .button-component {
|
|
154
|
+
width: 25px;
|
|
155
|
+
height: 25px;
|
|
156
|
+
padding-top: 7px;
|
|
157
|
+
padding-bottom: 7px;
|
|
158
|
+
text-align: -webkit-center;
|
|
159
|
+
pointer-events: all;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
.-disabled-popover {
|
|
164
|
+
> button{
|
|
165
|
+
pointer-events: none !important;
|
|
166
|
+
opacity: 0.5;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.popovercontainer{
|
|
172
|
+
width: 178px;
|
|
173
|
+
> p {
|
|
174
|
+
> .list-simple-file {
|
|
175
|
+
width: 100%;
|
|
176
|
+
overflow: hidden;
|
|
177
|
+
white-space: nowrap;
|
|
178
|
+
background-color: #a5a3a3;
|
|
179
|
+
border-radius: 5px;
|
|
180
|
+
padding: 5px;
|
|
181
|
+
margin-bottom: 10px;
|
|
182
|
+
> .file-name {
|
|
183
|
+
overflow: hidden;
|
|
184
|
+
text-overflow: ellipsis;
|
|
185
|
+
> span{
|
|
186
|
+
font-size: 12px;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@import "colors.scss";
|
|
2
2
|
@import "effects.scss";
|
|
3
|
+
@import "commons.scss";
|
|
3
4
|
|
|
4
5
|
.table-component {
|
|
5
6
|
width: 100%;
|
|
@@ -23,13 +24,7 @@
|
|
|
23
24
|
> .tbody {
|
|
24
25
|
position: relative;
|
|
25
26
|
&.skeleton-transparency::before {
|
|
26
|
-
|
|
27
|
-
position: absolute;
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 100%;
|
|
30
|
-
background: rgb(255,255,255);
|
|
31
|
-
background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
|
|
32
|
-
rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
|
|
27
|
+
@extend %skeleton-transparency;
|
|
33
28
|
}
|
|
34
29
|
}
|
|
35
30
|
> .headercontainer > .innertable > .theader > .trow,
|
|
@@ -19,8 +19,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
19
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
20
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
21
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
22
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
23
|
-
function _iterableToArrayLimit(arr, i) { var _i =
|
|
22
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
23
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
24
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
25
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
26
26
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
package/lib/buttons/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { default as ButtonContainer } from './button_container/index.js';
|
|
2
2
|
import Button from './Button.js';
|
|
3
|
-
export { default } from './Button.js';
|
|
4
3
|
export { default as PrimaryButton } from './PrimaryButton.js';
|
|
5
4
|
export { default as DangerButton } from './DangerButton.js';
|
|
6
5
|
export { default as WarningButton } from './WarningButton.js';
|
|
@@ -19,3 +18,7 @@ import '../@types/Position.js';
|
|
|
19
18
|
import './types.js';
|
|
20
19
|
import '../@types/PermissionAttr.js';
|
|
21
20
|
import '../@types/Size.js';
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
export { Button as default };
|
|
@@ -13,7 +13,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
|
|
|
13
13
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
14
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
15
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
16
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
16
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
17
|
var Month = function Month(_ref) {
|
|
18
18
|
var currentDate = _ref.currentDate;
|
|
19
19
|
var renderWeeks = function renderWeeks() {
|
|
@@ -12,7 +12,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
|
|
|
12
12
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
13
13
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
14
14
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
15
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
16
|
var Week = function Week(_ref) {
|
|
17
17
|
var weekStartDate = _ref.weekStartDate,
|
|
18
18
|
currentDate = _ref.currentDate;
|
|
@@ -17,8 +17,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
17
17
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
18
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
19
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
21
|
-
function _iterableToArrayLimit(arr, i) { var _i =
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
22
22
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
23
|
var Calendar = function Calendar(props) {
|
|
24
24
|
var _props$currentDate = props.currentDate,
|
package/lib/calendar/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import Calendar from './base/index.js';
|
|
2
|
-
export { default } from './base/index.js';
|
|
3
2
|
export { default as SuccessCalendar } from './SuccessCalendar.js';
|
|
4
3
|
export { default as PrimaryCalendar } from './PrimaryCalendar.js';
|
|
5
4
|
export { default as DangerCalendar } from './DangerCalendar.js';
|
|
@@ -8,3 +7,7 @@ export { default as InfoCalendar } from './InfoCalendar.js';
|
|
|
8
7
|
import './types.js';
|
|
9
8
|
import 'moment';
|
|
10
9
|
import '../@types/ColorStyles.js';
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
export { Calendar as default };
|
package/lib/checkbox/index.js
CHANGED
|
@@ -17,8 +17,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
17
17
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
18
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
19
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
21
|
-
function _iterableToArrayLimit(arr, i) { var _i =
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
22
22
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
23
|
/**
|
|
24
24
|
* IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
|
package/lib/checkbox/types.d.ts
CHANGED
|
@@ -2,13 +2,13 @@ import { ReactElement } from 'react';
|
|
|
2
2
|
import { PermissionAttr } from '../@types/PermissionAttr.js';
|
|
3
3
|
import { Position } from '../@types/Position.js';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
type ChangeEvent = {
|
|
6
6
|
checked: boolean;
|
|
7
7
|
id: string;
|
|
8
8
|
name?: string;
|
|
9
9
|
value: boolean;
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
type Target = {
|
|
12
12
|
target: ChangeEvent;
|
|
13
13
|
};
|
|
14
14
|
interface ICheckBoxProps {
|