linear-react-components-ui 1.0.0-rc.3 → 1.0.0-rc.5
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/effects.scss +59 -0
- package/lib/assets/styles/file.scss +191 -0
- package/lib/assets/styles/input.scss +3 -0
- package/lib/assets/styles/sidenav.scss +3 -1
- package/lib/assets/styles/treetable.scss +100 -0
- 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/index.d.ts +4 -1
- package/lib/drawer/Drawer.js +2 -2
- package/lib/dropdown/withDropdown.js +2 -2
- 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 +0 -2
- package/lib/form/helpers.js +1 -1
- package/lib/form/index.js +5 -3
- package/lib/form/types.d.ts +5 -5
- 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 +11 -1
- package/lib/inputs/color/index.js +2 -2
- package/lib/inputs/date/index.js +2 -2
- 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/Cnpj.js +2 -2
- package/lib/inputs/mask/Cpf.js +2 -2
- package/lib/inputs/mask/imaskHOC.js +2 -2
- package/lib/inputs/mask/index.d.ts +4 -1
- package/lib/inputs/mask/types.d.ts +4 -4
- package/lib/inputs/multiSelect/Dropdown.js +2 -2
- package/lib/inputs/multiSelect/index.js +8 -5
- package/lib/inputs/number/BaseNumber.d.ts +3 -0
- package/lib/inputs/number/Currency.d.ts +3 -0
- package/lib/inputs/number/Decimal.d.ts +3 -0
- package/lib/inputs/number/index.d.ts +3 -0
- package/lib/inputs/number/types.d.ts +14 -11
- package/lib/inputs/period/index.js +2 -2
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +2 -2
- package/lib/inputs/select/Dropdown.js +2 -2
- package/lib/inputs/select/index.js +3 -1
- package/lib/inputs/select/multiple/index.js +2 -2
- package/lib/inputs/select/simple/index.js +16 -3
- package/lib/inputs/select/types.d.ts +28 -27
- package/lib/inputs/text/index.d.ts +2 -0
- package/lib/inputs/text/types.d.ts +5 -2
- package/lib/inputs/textarea/index.d.ts +4 -0
- package/lib/inputs/textarea/types.d.ts +6 -1
- package/lib/inputs/types.d.ts +2 -2
- 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 +8 -9
- package/lib/list/index.js +2 -2
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/index.d.ts +4 -1
- package/lib/menus/sidenav/NavMenuItem.js +2 -2
- package/lib/menus/sidenav/NavSubMenuItem.js +2 -2
- package/lib/menus/sidenav/index.js +2 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +2 -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/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/Row.js +6 -2
- package/lib/table/index.js +3 -3
- package/lib/table/types.d.ts +2 -2
- 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.d.ts +3 -0
- package/lib/treetable/Body.js +46 -0
- package/lib/treetable/Header.d.ts +3 -0
- package/lib/treetable/Header.js +27 -0
- package/lib/treetable/Row.d.ts +7 -0
- package/lib/treetable/Row.js +259 -0
- package/lib/treetable/helpers.d.ts +19 -0
- package/lib/treetable/helpers.js +41 -0
- package/lib/treetable/index.d.ts +8 -0
- package/lib/treetable/index.js +24 -0
- package/lib/treetable/types.d.js +5 -0
- 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/types.d-73cece43.d.ts +46 -0
- package/lib/uitour/index.js +2 -2
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +2 -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
|
|
|
@@ -136,8 +136,42 @@
|
|
|
136
136
|
0% {
|
|
137
137
|
color: transparent;
|
|
138
138
|
height: 0%;
|
|
139
|
+
opacity: 0.0;
|
|
140
|
+
}
|
|
141
|
+
50% {
|
|
142
|
+
color: inherit;
|
|
143
|
+
height: auto;
|
|
139
144
|
opacity: 0.3;
|
|
140
145
|
}
|
|
146
|
+
100% {
|
|
147
|
+
color: inherit;
|
|
148
|
+
opacity: 1;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
@-moz-keyframes revealelement {
|
|
153
|
+
0% {
|
|
154
|
+
-moz-color: transparent;
|
|
155
|
+
-moz-height: 0%;
|
|
156
|
+
-moz-opacity: 0.0;
|
|
157
|
+
}
|
|
158
|
+
50% {
|
|
159
|
+
-moz-color: inherit;
|
|
160
|
+
-moz-height: auto;
|
|
161
|
+
-moz-opacity: 0.3;
|
|
162
|
+
}
|
|
163
|
+
100% {
|
|
164
|
+
-moz-color: inherit;
|
|
165
|
+
-moz-opacity: 1;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
@-webkit-keyframes revealelement {
|
|
170
|
+
0% {
|
|
171
|
+
color: transparent;
|
|
172
|
+
height: 0%;
|
|
173
|
+
opacity: 0.0;
|
|
174
|
+
}
|
|
141
175
|
50% {
|
|
142
176
|
color: inherit;
|
|
143
177
|
height: auto;
|
|
@@ -475,6 +509,31 @@
|
|
|
475
509
|
transform: translateX(-2%);
|
|
476
510
|
}
|
|
477
511
|
}
|
|
512
|
+
|
|
513
|
+
@-moz-keyframes slideLeft {
|
|
514
|
+
0% {
|
|
515
|
+
-moz-transform-origin: 0 0;
|
|
516
|
+
-moz-transform: translateX(0%);
|
|
517
|
+
}
|
|
518
|
+
|
|
519
|
+
10% {
|
|
520
|
+
-moz-transform-origin: 0 0;
|
|
521
|
+
-moz-transform: translateX(-2%);
|
|
522
|
+
}
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
@-webkit-keyframes slideLeft {
|
|
526
|
+
0% {
|
|
527
|
+
-webkit-transform-origin: 0 0;
|
|
528
|
+
-webkit-transform: translateX(0%);
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
10% {
|
|
532
|
+
-webkit-transform-origin: 0 0;
|
|
533
|
+
-webkit-transform: translateX(-2%);
|
|
534
|
+
}
|
|
535
|
+
}
|
|
536
|
+
|
|
478
537
|
.slideRight {
|
|
479
538
|
animation-name: slideRight;
|
|
480
539
|
}
|
|
@@ -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
|
+
}
|
|
@@ -108,9 +108,11 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
|
|
|
108
108
|
|
|
109
109
|
.sidenav-component > .expandedmenu {
|
|
110
110
|
animation: revealelement 0.3s;
|
|
111
|
+
-moz-animation: revealelement 0.3s;
|
|
111
112
|
background-color: #fff;
|
|
112
113
|
overflow: none;
|
|
113
114
|
width: 100%;
|
|
115
|
+
-moz-box-flex: 0;
|
|
114
116
|
-webkit-box-flex: 0;
|
|
115
117
|
-ms-flex: 0 0 70px;
|
|
116
118
|
flex: 0 0 70px;
|
|
@@ -198,6 +200,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
|
|
|
198
200
|
.sidenav-component > .collapsedmenu > .item > .submenu-container,
|
|
199
201
|
.sidenav-component > .expandedmenu > .item > .submenu-container {
|
|
200
202
|
animation: 0.5s ease-in 0s 1 slideLeft;
|
|
203
|
+
-moz-animation: 0.5s ease-in 0s 1 slideLeft;
|
|
201
204
|
background-color: #eee ;
|
|
202
205
|
height: auto;
|
|
203
206
|
width: auto;
|
|
@@ -225,7 +228,6 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
|
|
|
225
228
|
> .item {
|
|
226
229
|
display: grid;
|
|
227
230
|
min-height: 40px;
|
|
228
|
-
/* height: 40px; */
|
|
229
231
|
align-content: center;
|
|
230
232
|
display: grid;
|
|
231
233
|
margin-left: 20px;
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
@import "commons.scss";
|
|
2
|
+
@import "colors.scss";
|
|
3
|
+
@import "effects.scss";
|
|
4
|
+
|
|
5
|
+
.treetable-container {
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: auto;
|
|
8
|
+
padding: 0px;
|
|
9
|
+
margin: 12px 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
table {
|
|
13
|
+
tbody {
|
|
14
|
+
.tree-row-element {
|
|
15
|
+
animation: revealelement 0.3s forwards ease-in-out;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.open-close-children {
|
|
19
|
+
outline: 0;
|
|
20
|
+
border: 0;
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
width: auto;
|
|
24
|
+
height: auto;
|
|
25
|
+
background-color: transparent;
|
|
26
|
+
border-radius: 4px;
|
|
27
|
+
font-size: 0px;
|
|
28
|
+
padding: 4px 4px 4px 0;
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.value-button {
|
|
33
|
+
margin-left: 6px;
|
|
34
|
+
|
|
35
|
+
&:hover {
|
|
36
|
+
text-decoration: underline;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
tr td.td-loading-childrens {
|
|
42
|
+
border-bottom: 1px solid $component-border-color-soft;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.tr-loading-childrens {
|
|
46
|
+
animation: revealelement 0.3s forwards ease-in-out;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.td-loading-childrens-container {
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: 35px;
|
|
52
|
+
display: flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
flex-direction: row;
|
|
55
|
+
justify-content: center;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.column-more-childrens {
|
|
59
|
+
width: auto;
|
|
60
|
+
max-height: 24px;
|
|
61
|
+
display: flex;
|
|
62
|
+
align-items: center;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.line-path-decoration::before {
|
|
66
|
+
content: "";
|
|
67
|
+
height: 34px;
|
|
68
|
+
position: relative;
|
|
69
|
+
right: 0.5rem;
|
|
70
|
+
border-left: 2px solid $component-border-color-soft;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
span.children-row {
|
|
74
|
+
margin-left: 8px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
div.column-container {
|
|
78
|
+
display: flex;
|
|
79
|
+
flex-direction: row;
|
|
80
|
+
align-items: center;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
span.container-toolbar-buttons {
|
|
84
|
+
width: 100%;
|
|
85
|
+
height: auto;
|
|
86
|
+
margin-left: 4px;
|
|
87
|
+
margin-right: 16px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.row-toolbar {
|
|
91
|
+
width: 100%;
|
|
92
|
+
height: auto;
|
|
93
|
+
margin-left: 4px;
|
|
94
|
+
display: flex;
|
|
95
|
+
flex-direction: row;
|
|
96
|
+
align-items: center;
|
|
97
|
+
justify-content: space-between;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
@@ -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;
|