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.
Files changed (148) hide show
  1. package/lib/@types/Align.d.ts +1 -1
  2. package/lib/@types/ButtonTypes.d.ts +1 -1
  3. package/lib/@types/ColorStyles.d.ts +1 -1
  4. package/lib/@types/DataCombo.d.ts +1 -1
  5. package/lib/@types/Icon.d.ts +1 -1
  6. package/lib/@types/LabelStyles.d.ts +1 -1
  7. package/lib/@types/Period.d.ts +1 -1
  8. package/lib/@types/PermissionAttr.d.ts +2 -2
  9. package/lib/@types/PointerEvents.d.ts +1 -1
  10. package/lib/@types/Position.d.ts +1 -1
  11. package/lib/@types/PositionAlert.d.ts +1 -1
  12. package/lib/@types/Size.d.ts +1 -1
  13. package/lib/@types/SizePixels.d.ts +1 -1
  14. package/lib/alerts/AlertContainer.js +4 -1
  15. package/lib/alerts/AlertProvider.js +2 -2
  16. package/lib/alerts/BaseAlert.js +2 -2
  17. package/lib/alerts/index.d.ts +4 -1
  18. package/lib/alerts/types.d.ts +4 -4
  19. package/lib/assets/styles/button.scss +3 -0
  20. package/lib/assets/styles/commons.scss +10 -0
  21. package/lib/assets/styles/dropdown.scss +35 -2
  22. package/lib/assets/styles/effects.scss +11 -0
  23. package/lib/assets/styles/file.scss +191 -0
  24. package/lib/assets/styles/input.scss +3 -0
  25. package/lib/assets/styles/list.scss +8 -0
  26. package/lib/assets/styles/table.scss +2 -7
  27. package/lib/buttons/DefaultButton.js +2 -2
  28. package/lib/buttons/index.d.ts +4 -1
  29. package/lib/calendar/base/Month.js +1 -1
  30. package/lib/calendar/base/Week.js +1 -1
  31. package/lib/calendar/base/index.js +2 -2
  32. package/lib/calendar/index.d.ts +4 -1
  33. package/lib/checkbox/index.js +2 -2
  34. package/lib/checkbox/types.d.ts +2 -2
  35. package/lib/dialog/form/index.js +4 -2
  36. package/lib/dialog/index.d.ts +4 -1
  37. package/lib/dialog/types.d.ts +1 -0
  38. package/lib/drawer/Drawer.d.ts +1 -1
  39. package/lib/drawer/Drawer.js +18 -4
  40. package/lib/drawer/types.d.ts +3 -0
  41. package/lib/dropdown/withDropdown.js +3 -3
  42. package/lib/fieldset/index.js +2 -2
  43. package/lib/form/Field.js +2 -2
  44. package/lib/form/FieldArray.js +4 -2
  45. package/lib/form/FieldNumber.js +16 -8
  46. package/lib/form/helpers.js +1 -1
  47. package/lib/form/index.js +5 -3
  48. package/lib/form/types.d.ts +16 -11
  49. package/lib/form/withFieldHOC.js +2 -2
  50. package/lib/form/withFormSecurity.js +2 -2
  51. package/lib/gridlayout/index.d.ts +4 -1
  52. package/lib/icons/types.d.ts +1 -1
  53. package/lib/index.d.ts +1 -1
  54. package/lib/inputs/base/InputTextBase.js +21 -2
  55. package/lib/inputs/base/helpers.d.ts +2 -1
  56. package/lib/inputs/base/helpers.js +3 -2
  57. package/lib/inputs/base/types.d.ts +14 -2
  58. package/lib/inputs/color/index.js +2 -2
  59. package/lib/inputs/date/index.js +4 -5
  60. package/lib/inputs/file/DefaultFile.d.ts +10 -0
  61. package/lib/inputs/file/DefaultFile.js +102 -0
  62. package/lib/inputs/file/DragDropFile.d.ts +10 -0
  63. package/lib/inputs/file/DragDropFile.js +305 -0
  64. package/lib/inputs/file/File.d.ts +10 -0
  65. package/lib/inputs/file/File.js +70 -0
  66. package/lib/inputs/file/FileButtonSettings.d.ts +10 -0
  67. package/lib/inputs/file/FileButtonSettings.js +34 -0
  68. package/lib/inputs/file/helpers.d.ts +10 -0
  69. package/lib/inputs/file/helpers.js +23 -0
  70. package/lib/inputs/file/index.d.ts +13 -0
  71. package/lib/inputs/file/index.js +25 -0
  72. package/lib/inputs/file/types.d.ts +48 -0
  73. package/lib/inputs/file/types.js +5 -0
  74. package/lib/inputs/inputHOC.js +2 -2
  75. package/lib/inputs/mask/BaseMask.js +29 -15
  76. package/lib/inputs/mask/Cnpj.js +2 -2
  77. package/lib/inputs/mask/Cpf.js +2 -2
  78. package/lib/inputs/mask/imaskHOC.js +18 -13
  79. package/lib/inputs/mask/index.d.ts +4 -1
  80. package/lib/inputs/mask/types.d.ts +4 -1
  81. package/lib/inputs/multiSelect/Dropdown.js +2 -2
  82. package/lib/inputs/multiSelect/index.js +2 -2
  83. package/lib/inputs/number/BaseNumber.js +44 -25
  84. package/lib/inputs/number/Currency.d.ts +2 -2
  85. package/lib/inputs/number/types.d.ts +3 -2
  86. package/lib/inputs/period/index.js +4 -2
  87. package/lib/inputs/period/types.d.ts +1 -1
  88. package/lib/inputs/search/index.js +4 -4
  89. package/lib/inputs/select/Dropdown.js +2 -2
  90. package/lib/inputs/select/multiple/index.js +29 -31
  91. package/lib/inputs/select/simple/index.js +22 -19
  92. package/lib/inputs/text/types.d.ts +1 -1
  93. package/lib/inputs/types.d.ts +4 -8
  94. package/lib/internals/withTooltip.js +2 -2
  95. package/lib/labelMessages/index.js +2 -2
  96. package/lib/labels/DefaultLabel.js +2 -2
  97. package/lib/labels/index.d.ts +4 -1
  98. package/lib/list/Item.js +2 -2
  99. package/lib/list/index.js +2 -2
  100. package/lib/list/types.d.ts +1 -1
  101. package/lib/menus/float/MenuItem.d.ts +1 -1
  102. package/lib/menus/float/MenuItem.js +14 -5
  103. package/lib/menus/float/SubMenuContainer.js +83 -0
  104. package/lib/menus/float/index.d.ts +31 -1
  105. package/lib/menus/float/index.js +10 -1
  106. package/lib/menus/float/types.d.ts +1 -0
  107. package/lib/menus/index.d.ts +5 -1
  108. package/lib/menus/sidenav/NavMenuItem.js +2 -2
  109. package/lib/menus/sidenav/NavSubMenuItem.js +2 -2
  110. package/lib/menus/sidenav/index.js +3 -3
  111. package/lib/menus/sidenav/popup_menu_search/index.js +3 -2
  112. package/lib/menus/sidenav/types.d.ts +1 -1
  113. package/lib/panel/Content.d.ts +1 -1
  114. package/lib/panel/DangerPanel.d.ts +1 -1
  115. package/lib/panel/Default.d.ts +1 -1
  116. package/lib/panel/Default.js +2 -2
  117. package/lib/panel/Header.d.ts +1 -1
  118. package/lib/panel/Header.js +1 -1
  119. package/lib/panel/InfoPanel.d.ts +1 -1
  120. package/lib/panel/PrimaryPanel.d.ts +1 -1
  121. package/lib/panel/SuccessPanel.d.ts +1 -1
  122. package/lib/panel/ToolBar.d.ts +1 -1
  123. package/lib/panel/WarningPanel.d.ts +1 -1
  124. package/lib/panel/helpers.d.ts +1 -1
  125. package/lib/panel/index.d.ts +5 -2
  126. package/lib/panel/types.d.ts +1 -1
  127. package/lib/radio/index.js +2 -2
  128. package/lib/spinner/index.js +2 -2
  129. package/lib/split/Split.js +2 -2
  130. package/lib/split/helpers.d.ts +1 -1
  131. package/lib/split/index.d.ts +4 -1
  132. package/lib/table/index.js +2 -2
  133. package/lib/table/types.d.ts +1 -1
  134. package/lib/tabs/DropdownItems.d.ts +1 -1
  135. package/lib/tabs/DropdownItems.js +1 -1
  136. package/lib/tabs/Panel.js +2 -2
  137. package/lib/tabs/index.js +2 -2
  138. package/lib/tooltip/types.d.ts +1 -1
  139. package/lib/treetable/Body.js +2 -2
  140. package/lib/treetable/Row.js +25 -27
  141. package/lib/treeview/Node.js +2 -2
  142. package/lib/treeview/index.js +2 -2
  143. package/lib/treeview/types.d.ts +2 -2
  144. package/lib/treeview_old/Node.js +3 -1
  145. package/lib/{types-3c6f1c20.d.ts → types-90c43ae1.d.ts} +1 -1
  146. package/lib/uitour/index.js +2 -2
  147. package/lib/uitour/types.d.ts +1 -1
  148. package/package.json +3 -2
@@ -1,3 +1,3 @@
1
- declare type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
1
+ type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
2
2
 
3
3
  export { Align };
@@ -1,3 +1,3 @@
1
- declare type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
1
+ type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
2
2
 
3
3
  export { ButtonTypes };
@@ -1,3 +1,3 @@
1
- declare type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
1
+ type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
2
2
 
3
3
  export { ColorStyles };
@@ -1,3 +1,3 @@
1
- declare type DataCombo = any;
1
+ type DataCombo = any;
2
2
 
3
3
  export { DataCombo };
@@ -1,5 +1,5 @@
1
1
  import _default from '../icons/helper.js';
2
2
 
3
- declare type IconNames = keyof typeof _default;
3
+ type IconNames = keyof typeof _default;
4
4
 
5
5
  export { IconNames };
@@ -1,3 +1,3 @@
1
- declare type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
1
+ type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
2
2
 
3
3
  export { LabelStyles };
@@ -1,4 +1,4 @@
1
- declare type Period = {
1
+ type Period = {
2
2
  initial?: string;
3
3
  final?: string;
4
4
  };
@@ -1,10 +1,10 @@
1
- declare type PermissionAttr = {
1
+ type PermissionAttr = {
2
2
  module?: string;
3
3
  feature?: string;
4
4
  operation?: string;
5
5
  onDenied?: string;
6
6
  };
7
- declare type OnDenied = {
7
+ type OnDenied = {
8
8
  disabled?: boolean;
9
9
  unvisible?: boolean;
10
10
  readOnly?: boolean;
@@ -1,3 +1,3 @@
1
- declare type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset';
1
+ type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset';
2
2
 
3
3
  export { PointerEvents };
@@ -1,3 +1,3 @@
1
- declare type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
1
+ type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
2
2
 
3
3
  export { Position };
@@ -1,3 +1,3 @@
1
- declare type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
1
+ type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
2
2
 
3
3
  export { PositionAlert };
@@ -1,3 +1,3 @@
1
- declare type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
1
+ type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
2
2
 
3
3
  export { Size };
@@ -1,3 +1,3 @@
1
- declare type SizePixels = 10 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
1
+ type SizePixels = 10 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
2
2
 
3
3
  export { SizePixels };
@@ -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++) { arr2[i] = arr[i]; } return arr2; }
22
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
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)({
@@ -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++) { arr2[i] = arr[i]; } return arr2; }
15
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
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');
@@ -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 };
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { PositionAlert } from '../@types/PositionAlert.js';
3
3
 
4
- declare type AlertContainerMethods = {
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
- declare type DefaultMessageConfigType = {
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
- declare type GetClassParams = {
40
+ type GetClassParams = {
41
41
  customClass?: string;
42
42
  className?: string;
43
43
  };
44
- declare type MessagesState = {
44
+ type MessagesState = {
45
45
  [key: string]: Array<IMessageProps>;
46
46
  };
47
47
 
@@ -63,6 +63,9 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
63
63
  margin-right: -20px;
64
64
  }
65
65
  }
66
+ &.-pointerEventsRemove {
67
+ pointer-events: auto;
68
+ }
66
69
  &:active:before {
67
70
  @extend %component-effect-click;
68
71
  }
@@ -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
- > .floatmenuitem .-items {
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
+ }
@@ -96,6 +96,9 @@
96
96
  visibility: hidden !important;
97
97
  width: 0px !important;
98
98
  }
99
+ &.-pointEventDisabled {
100
+ pointer-events: none;
101
+ }
99
102
  }
100
103
  > .sidebuttons {
101
104
  display: flex;
@@ -20,6 +20,14 @@ $item-height: 48px;
20
20
  line-height: 40px!important;
21
21
  }
22
22
  }
23
+ > .skeleton-transparency {
24
+ position: relative;
25
+ &::after {
26
+ @extend %skeleton-transparency;
27
+ top: 0;
28
+ left: 0;
29
+ }
30
+ }
23
31
  }
24
32
 
25
33
  .item-container {
@@ -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
- content: '';
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++) { arr2[i] = arr[i]; } return arr2; }
23
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
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; }
@@ -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++) { arr2[i] = arr[i]; } return arr2; }
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++) { arr2[i] = arr[i]; } return arr2; }
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++) { arr2[i] = arr[i]; } return arr2; }
21
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
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,
@@ -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 };
@@ -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++) { arr2[i] = arr[i]; } return arr2; }
21
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
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
@@ -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
- declare type ChangeEvent = {
5
+ type ChangeEvent = {
6
6
  checked: boolean;
7
7
  id: string;
8
8
  name?: string;
9
9
  value: boolean;
10
10
  };
11
- declare type Target = {
11
+ type Target = {
12
12
  target: ChangeEvent;
13
13
  };
14
14
  interface ICheckBoxProps {