glints-aries 4.1.27 → 4.1.28

package/es/Display/Modal/Modal.js

@@ -12,17 +12,27 @@ import { ModalContainer, ModalDialog, ModalContentArea, ModalHeader, ModalBody,
 export var Modal = function Modal(_ref) {
   var isVisible = _ref.isVisible,
     title = _ref.title,
-    onClose = _ref.onClose,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {
+      return undefined;
+    } : _ref$onClose,
     children = _ref.children,
     className = _ref.className,
-    hideContentArea = _ref.hideContentArea,
-    centering = _ref.centering,
-    fullscreen = _ref.fullscreen,
-    removeAnimation = _ref.removeAnimation,
+    _ref$hideContentArea = _ref.hideContentArea,
+    hideContentArea = _ref$hideContentArea === void 0 ? false : _ref$hideContentArea,
+    _ref$centering = _ref.centering,
+    centering = _ref$centering === void 0 ? false : _ref$centering,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$removeAnimation = _ref.removeAnimation,
+    removeAnimation = _ref$removeAnimation === void 0 ? false : _ref$removeAnimation,
     footer = _ref.footer,
-    size = _ref.size,
-    hideHeader = _ref.hideHeader,
-    keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    _ref$hideHeader = _ref.hideHeader,
+    hideHeader = _ref$hideHeader === void 0 ? false : _ref$hideHeader,
+    _ref$keepChildrenMoun = _ref.keepChildrenMountedOnClose,
+    keepChildrenMountedOnClose = _ref$keepChildrenMoun === void 0 ? false : _ref$keepChildrenMoun,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var modalContentAreaRef = useRef(null);
   var modalContainerRef = useRef(null);
@@ -145,16 +155,4 @@ export var Modal = function Modal(_ref) {
     isChildrenInMultiLines: isFooterChildrenInMultiLines
   }, footer))));
 };
-Modal.defaultProps = {
-  onClose: function onClose() {
-    return undefined;
-  },
-  size: 'm',
-  hideContentArea: false,
-  hideHeader: false,
-  removeAnimation: false,
-  centering: false,
-  fullscreen: false,
-  keepChildrenMountedOnClose: false
-};
 export default Modal;

package/es/Display/Slider/Slider.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import { isNil } from 'lodash-es';
 import classNames from 'classnames';
 import { SliderContainer, SliderContentWrapper, NavigationContainer, NavigationItem } from './SliderStyle';
@@ -23,7 +22,7 @@ export var Slider = function Slider(_ref) {
     renderRightIcon = _ref.renderRightIcon,
     containerRef = _ref.containerRef;
   var interval = React.useRef();
-  var privateContainerRef = React.useRef();
+  var privateContainerRef = React.useRef(null);
   var sliderContainerRef = containerRef || privateContainerRef;
   var _React$useState = React.useState(0),
     translateValue = _React$useState[0],
@@ -56,7 +55,7 @@ export var Slider = function Slider(_ref) {
     }
   };
   var getSliderContainerDOMNode = React.useCallback(function () {
-    return ReactDOM.findDOMNode(sliderContainerRef.current);
+    return sliderContainerRef.current;
   }, [sliderContainerRef]);
   var handleDotClick = function handleDotClick(idx) {
     setIndex(idx + 1);

package/es/General/Tag/BasicTag.js

@@ -4,13 +4,15 @@ var _excluded = ["className", "children", "block", "outline", "onClick"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { TagContainer, TagContent } from './TagStyle';
-var Tag = function Tag(props) {
-  var className = props.className,
-    children = props.children,
-    block = props.block,
-    outline = props.outline,
-    onClick = props.onClick,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+var Tag = function Tag(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$block = _ref.block,
+    block = _ref$block === void 0 ? false : _ref$block,
+    _ref$outline = _ref.outline,
+    outline = _ref$outline === void 0 ? false : _ref$outline,
+    onClick = _ref.onClick,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TagContainer, _extends({
     className: classNames('aries-tag', className),
     role: "presentation",
@@ -24,8 +26,4 @@ var Tag = function Tag(props) {
     tabIndex: -1
   }, children));
 };
-Tag.defaultProps = {
-  block: false,
-  outline: false
-};
 export default Tag;

package/es/Input/Select/Select.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["label", "status", "disabled", "className", "onFocus", "onBlur", "onChange", "onInputChange", "noOptionResult", "small", "disableTyping", "removeFloatingLabel", "removeDropIcon", "error", "renderError", "value", "defaultValue", "defaultOpen", "children", "isLoading", "filterFunction"];
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import { get, toLower } from 'lodash-es';
 import classNames from 'classnames';
 import SelectList from './SelectList';
@@ -137,7 +136,7 @@ var Select = function Select(props) {
   React.useEffect(function registerClickOutsideListener() {
     var onClickOutside = function onClickOutside(event) {
       var element = event.target;
-      if (selectContainerRef.current && !ReactDOM.findDOMNode(selectContainerRef.current).contains(element)) {
+      if (selectContainerRef.current && !selectContainerRef.current.contains(element)) {
         setIsFocus(false);
       }
     };

package/es/Layout/Grid/Col.js

@@ -4,9 +4,12 @@ var _excluded = ["xs", "sm", "md", "xsOrder", "smOrder", "mdOrder", "children"];
 import * as React from 'react';
 import { ColumnContainer } from './GridStyle';
 export var Col = function Col(_ref) {
-  var xs = _ref.xs,
-    sm = _ref.sm,
-    md = _ref.md,
+  var _ref$xs = _ref.xs,
+    xs = _ref$xs === void 0 ? 12 : _ref$xs,
+    _ref$sm = _ref.sm,
+    sm = _ref$sm === void 0 ? 12 : _ref$sm,
+    _ref$md = _ref.md,
+    md = _ref$md === void 0 ? 12 : _ref$md,
     xsOrder = _ref.xsOrder,
     smOrder = _ref.smOrder,
     mdOrder = _ref.mdOrder,
@@ -27,9 +30,4 @@ export var Col = function Col(_ref) {
     mdOrder: mdOrder
   }, defaultProps), children);
 };
-Col.defaultProps = {
-  xs: 12,
-  sm: 12,
-  md: 12
-};
 export default Col;

package/lib/Display/Modal/Modal.js

@@ -19,17 +19,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var Modal = function Modal(_ref) {
   var isVisible = _ref.isVisible,
     title = _ref.title,
-    onClose = _ref.onClose,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {
+      return undefined;
+    } : _ref$onClose,
     children = _ref.children,
     className = _ref.className,
-    hideContentArea = _ref.hideContentArea,
-    centering = _ref.centering,
-    fullscreen = _ref.fullscreen,
-    removeAnimation = _ref.removeAnimation,
+    _ref$hideContentArea = _ref.hideContentArea,
+    hideContentArea = _ref$hideContentArea === void 0 ? false : _ref$hideContentArea,
+    _ref$centering = _ref.centering,
+    centering = _ref$centering === void 0 ? false : _ref$centering,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$removeAnimation = _ref.removeAnimation,
+    removeAnimation = _ref$removeAnimation === void 0 ? false : _ref$removeAnimation,
     footer = _ref.footer,
-    size = _ref.size,
-    hideHeader = _ref.hideHeader,
-    keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    _ref$hideHeader = _ref.hideHeader,
+    hideHeader = _ref$hideHeader === void 0 ? false : _ref$hideHeader,
+    _ref$keepChildrenMoun = _ref.keepChildrenMountedOnClose,
+    keepChildrenMountedOnClose = _ref$keepChildrenMoun === void 0 ? false : _ref$keepChildrenMoun,
     restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var modalContentAreaRef = (0, _react.useRef)(null);
   var modalContainerRef = (0, _react.useRef)(null);
@@ -153,17 +163,5 @@ var Modal = function Modal(_ref) {
   }, footer))));
 };
 exports.Modal = Modal;
-Modal.defaultProps = {
-  onClose: function onClose() {
-    return undefined;
-  },
-  size: 'm',
-  hideContentArea: false,
-  hideHeader: false,
-  removeAnimation: false,
-  centering: false,
-  fullscreen: false,
-  keepChildrenMountedOnClose: false
-};
 var _default = Modal;
 exports["default"] = _default;

package/lib/Display/Slider/Slider.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = exports.Slider = void 0;
 var React = _interopRequireWildcard(require("react"));
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SliderStyle = require("./SliderStyle");
@@ -30,7 +29,7 @@ var Slider = function Slider(_ref) {
     renderRightIcon = _ref.renderRightIcon,
     containerRef = _ref.containerRef;
   var interval = React.useRef();
-  var privateContainerRef = React.useRef();
+  var privateContainerRef = React.useRef(null);
   var sliderContainerRef = containerRef || privateContainerRef;
   var _React$useState = React.useState(0),
     translateValue = _React$useState[0],
@@ -63,7 +62,7 @@ var Slider = function Slider(_ref) {
     }
   };
   var getSliderContainerDOMNode = React.useCallback(function () {
-    return ReactDOM.findDOMNode(sliderContainerRef.current);
+    return sliderContainerRef.current;
   }, [sliderContainerRef]);
   var handleDotClick = function handleDotClick(idx) {
     setIndex(idx + 1);

package/lib/General/Tag/BasicTag.js

@@ -11,13 +11,15 @@ var _TagStyle = require("./TagStyle");
 var _excluded = ["className", "children", "block", "outline", "onClick"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Tag = function Tag(props) {
-  var className = props.className,
-    children = props.children,
-    block = props.block,
-    outline = props.outline,
-    onClick = props.onClick,
-    restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+var Tag = function Tag(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$block = _ref.block,
+    block = _ref$block === void 0 ? false : _ref$block,
+    _ref$outline = _ref.outline,
+    outline = _ref$outline === void 0 ? false : _ref$outline,
+    onClick = _ref.onClick,
+    restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_TagStyle.TagContainer, (0, _extends2["default"])({
     className: (0, _classnames["default"])('aries-tag', className),
     role: "presentation",
@@ -31,9 +33,5 @@ var Tag = function Tag(props) {
     tabIndex: -1
   }, children));
 };
-Tag.defaultProps = {
-  block: false,
-  outline: false
-};
 var _default = Tag;
 exports["default"] = _default;

package/lib/Input/Select/Select.js

@@ -6,7 +6,6 @@ exports["default"] = exports.Option = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SelectList = _interopRequireDefault(require("./SelectList"));
@@ -144,7 +143,7 @@ var Select = function Select(props) {
   React.useEffect(function registerClickOutsideListener() {
     var onClickOutside = function onClickOutside(event) {
       var element = event.target;
-      if (selectContainerRef.current && !ReactDOM.findDOMNode(selectContainerRef.current).contains(element)) {
+      if (selectContainerRef.current && !selectContainerRef.current.contains(element)) {
         setIsFocus(false);
       }
     };

package/lib/Layout/Grid/Col.js

@@ -11,9 +11,12 @@ var _excluded = ["xs", "sm", "md", "xsOrder", "smOrder", "mdOrder", "children"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Col = function Col(_ref) {
-  var xs = _ref.xs,
-    sm = _ref.sm,
-    md = _ref.md,
+  var _ref$xs = _ref.xs,
+    xs = _ref$xs === void 0 ? 12 : _ref$xs,
+    _ref$sm = _ref.sm,
+    sm = _ref$sm === void 0 ? 12 : _ref$sm,
+    _ref$md = _ref.md,
+    md = _ref$md === void 0 ? 12 : _ref$md,
     xsOrder = _ref.xsOrder,
     smOrder = _ref.smOrder,
     mdOrder = _ref.mdOrder,
@@ -35,10 +38,5 @@ var Col = function Col(_ref) {
   }, defaultProps), children);
 };
 exports.Col = Col;
-Col.defaultProps = {
-  xs: 12,
-  sm: 12,
-  md: 12
-};
 var _default = Col;
 exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.1.27",
+  "version": "4.1.28",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",