@aloudata/aloudata-design 2.14.9 → 2.14.10

package/dist/AldSelect/BaseSelect.d.ts

@@ -8,6 +8,7 @@ export type Mode = 'multiple' | {
     type: 'multiple';
     responsive?: boolean;
     maxRows?: number;
+    showSelectedSection?: boolean;
 };
 export type RawValueType = string | number;
 export type CustomTagProps = {
@@ -62,5 +63,6 @@ export interface BaseSelectProps extends BaseSelectPrivateProps, ISelectProps, R
 }
 export declare function isMultiple(mode?: Mode): boolean;
 export declare function isResponsive(mode?: Mode): boolean | undefined;
+export declare function isShowSelectedSection(mode?: Mode): boolean | undefined;
 declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<BaseSelectRef>>;
 export default BaseSelect;

package/dist/AldSelect/BaseSelect.js

@@ -34,6 +34,12 @@ export function isMultiple(mode) {
 export function isResponsive(mode) {
   return mode === 'multiple' || _typeof(mode) === 'object' && (mode === null || mode === void 0 ? void 0 : mode.responsive);
 }
+export function isShowSelectedSection(mode) {
+  if (!mode || mode === 'multiple') {
+    return false;
+  }
+  return _typeof(mode) === 'object' && mode.showSelectedSection && mode.responsive;
+}
 var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _setClassNames;
   var id = props.id,
@@ -104,7 +110,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return onToggleOpen(true);
       },
       close: function close() {
-        console.log('ref close');
         onToggleOpen(false);
       }
     };
@@ -127,7 +132,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setInnerOpen = _useMergedState2[1];
   var mergedOpen = innerOpen;
   var onToggleOpen = React.useCallback(function (newOpen) {
-    console.log('toggle', newOpen);
     var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
     if (!nextOpen) {
       setShowResponsiveSelectedSection(false);
@@ -171,7 +175,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var _displayMenu$onClick;
         displayMenu === null || displayMenu === void 0 ? void 0 : (_displayMenu$onClick = displayMenu.onClick) === null || _displayMenu$onClick === void 0 ? void 0 : _displayMenu$onClick.call(displayMenu, info);
         if (displayMenu && !isMultipleMode) {
-          console.log('menu onClick', info);
           onToggleOpen(false);
           setFocus(false);
         }
@@ -208,9 +211,8 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     overlayStyle: overlayStyle || dropdownStyle,
     placement: placement,
     onOpenChange: function onOpenChange(open) {
-      console.log('onOpenChange', open);
       if (isResponsiveMode) {
-        if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0) {
+        if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0 && isShowSelectedSection(mode)) {
           setShowResponsiveSelectedSection(true);
         } else {
           onToggleOpen(open);
@@ -239,7 +241,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allowClear: allowClear,
     isHover: isHover,
     onClear: function onClear() {
-      console.log('onClear');
       onToggleOpen(false);
       onDisplayValuesChange([], {
         type: 'clear',

package/dist/AldSelect/Selector/MultipleSelector.js

@@ -7,7 +7,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import Tag from "../../Tag";
-import { isMultiple, isResponsive } from "../BaseSelect";
+import { isMultiple, isResponsive, isShowSelectedSection } from "../BaseSelect";
 import ScrollArea from "../../ScrollArea";
 import classNames from 'classnames';
 import _ from 'lodash';
@@ -71,6 +71,7 @@ export default function MultipleSelector(props) {
     }, content);
   };
   var isResponsiveMode = isResponsive(mode);
+  var showSelectedSection = isShowSelectedSection(mode);
   var renderItem = function renderItem(valueItem) {
     var itemDisabled = valueItem.disabled,
       label = valueItem.label,
@@ -80,6 +81,9 @@ export default function MultipleSelector(props) {
     if (!isResponsiveMode) {
       isPreview = false;
     }
+    if (!showSelectedSection) {
+      isPreview = false;
+    }
     var displayLabel = label;
     var onClose = function onClose(event) {
       if (event) {

package/dist/InputSearch/style/index.less

@@ -66,7 +66,7 @@
     &.ant-input-affix-wrapper-focused,
     &.inputSearchHasValue {
       .ant-input-suffix {
-        display: inline-block;
+        display: flex;
 
         .ant-input-clear-icon {
           font-size: 16px !important;

package/dist/Tree/demo/directoryTree/index.js

@@ -27,12 +27,8 @@ var treeData = [{
   }]
 }];
 var App = function App() {
-  var onSelect = function onSelect(keys, info) {
-    console.log('Trigger Select', keys, info);
-  };
-  var onExpand = function onExpand(keys, info) {
-    console.log('Trigger Expand', keys, info);
-  };
+  var onSelect = function onSelect(keys, info) {};
+  var onExpand = function onExpand(keys, info) {};
   return /*#__PURE__*/React.createElement(DirectoryTree, {
     multiple: true,
     defaultExpandAll: true,

package/dist/Tree/demo/drag/index.js

@@ -46,14 +46,8 @@ var App = function App() {
   var _useState3 = useState(['0-0', '0-0-0', '0-0-0-0']),
     _useState4 = _slicedToArray(_useState3, 1),
     expandedKeys = _useState4[0];
-  var onDragEnter = function onDragEnter(info) {
-    console.log(info);
-    // expandedKeys, set it when controlled is needed
-    // setExpandedKeys(info.expandedKeys)
-  };
-
+  var onDragEnter = function onDragEnter(info) {};
   var onDrop = function onDrop(info) {
-    console.log(info);
     var dropKey = info.node.key;
     var dragKey = info.dragNode.key;
     var dropPos = info.node.pos.split('-');