funda-ui 4.4.15 → 4.5.12

package/Select/index.js

@@ -1622,12 +1622,35 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       __nested_webpack_require_987__.r(__webpack_exports__);
       /* harmony export */
       __nested_webpack_require_987__.d(__webpack_exports__, {
+        /* harmony export */"actualPropertyValue": function actualPropertyValue() {
+          return (/* binding */_actualPropertyValue
+          );
+        },
+        /* harmony export */"getTextTop": function getTextTop() {
+          return (/* binding */_getTextTop
+          );
+        },
         /* harmony export */"getTextWidth": function getTextWidth() {
           return (/* binding */_getTextWidth
           );
         }
         /* harmony export */
       });
+      /**
+       * Gets the relative upside of the text
+       * @param {Element} el    - A DOM node containing one selector to match against.
+       * @returns {Number}      - Returns a pure number.
+       */
+      function _getTextTop(el) {
+        var styles = window.getComputedStyle(el);
+        var fontSize = parseFloat(styles.fontSize);
+        var lineHeight = parseFloat(styles.lineHeight) || fontSize;
+        var paddingTop = parseFloat(styles.paddingTop);
+        var borderWidth = parseFloat(styles.borderWidth);
+        var textTop = paddingTop + (lineHeight - fontSize) / 2 - borderWidth * 2;
+        return textTop;
+      }
+
       /**
       * Get the actual value with user specific methed
       * it can be 'width', 'height', 'outerWidth', 'outerHeight'
@@ -1638,7 +1661,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                                           takes effect when set to true
       * @return {Number}              - Returns a pure number.
       */
-      function actualPropertyValue(el, prop) {
+      function _actualPropertyValue(el, prop) {
         var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
         if (el === null) return 0;
         var style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle,
@@ -1653,6 +1676,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           marginWidth = parseFloat(style.marginLeft) + parseFloat(style.marginRight);
           marginHeight = parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
+        if (prop === 'fontSize') {
+          actualVal = parseFloat(style.fontSize);
+        }
+        if (prop === 'fontFamily') {
+          actualVal = style.fontFamily;
+        }
+        if (prop === 'letterSpacing') {
+          actualVal = style.letterSpacing;
+        }
         if (prop === 'width') {
           maxVal = parseFloat(style.maxWidth);
 
@@ -1731,7 +1763,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             _faux.style.setProperty(listOfModifiers[i], propertyValue);
           }
           _faux.textContent = input.value.substring(0, _off).replace(/\s/g, "\xA0");
-          return actualPropertyValue(_faux, 'outerWidth');
+          return _actualPropertyValue(_faux, 'outerWidth');
         }
       }
 
@@ -1842,10 +1874,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
         }, _typeof(obj);
       }
-      /**
-       * Remove Duplicate objects from JSON Array
-       * @param {Array} obj 
-       * @param {String} fieldName 
+      /**
+       * Remove Duplicate objects from JSON Array
+       * @param {Array} obj 
+       * @param {String} fieldName 
        */
       function _removeArrDuplicateItems(obj, fieldName) {
         if (!Array.isArray(obj)) return [];
@@ -1858,9 +1890,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       }
       ;
 
-      /**
-       * Deep clone
-       * @param {*} obj 
+      /**
+       * Deep clone
+       * @param {*} obj 
        */
       function _deepClone(obj) {
         if (Array.isArray(obj)) {
@@ -1880,10 +1912,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         }
       }
 
-      /**
-       * Flat Data
-       * @param {*} data 
-       * @returns 
+      /**
+       * Flat Data
+       * @param {*} data 
+       * @returns 
        */
       function _flatData(data) {
         var result = [];

package/Table/index.css

@@ -17,6 +17,7 @@
 }
 .syntable__wrapper.table-responsive {
   overflow-x: auto;
+  overflow-y: hidden;
 }
 .syntable__wrapper.table-responsive::-webkit-scrollbar {
   height: var(--syntable-scrollbar-h);

package/Table/index.js

@@ -808,7 +808,7 @@ function useTableDraggable(_ref, deps) {
   var overObj = null;
   var placeholderGenerator = function placeholderGenerator(trHeight) {
     var tbodyRef = getTbody(spyElement);
-    if (tbodyRef === null) return;
+    if (tbodyRef === null || tbodyRef.querySelector('tr') === null) return;
 
     // Insert a row at the "index" of the table
     var newRow = document.createElement('tr');
@@ -827,7 +827,9 @@ function useTableDraggable(_ref, deps) {
   };
   var lastRowGenerator = function lastRowGenerator(trHeight) {
     var tbodyRef = getTbody(spyElement);
-    if (tbodyRef === null) return;
+    if (tbodyRef === null || tbodyRef.querySelector('tr') === null) return;
+    var cloneEl = tbodyRef.querySelector('.row-obj-clonelast');
+    if (cloneEl !== null) return;
 
     // Insert a row at the "index" of the table
     var newRow = document.createElement('tr');
@@ -871,7 +873,12 @@ function useTableDraggable(_ref, deps) {
     setSortData(listIndexes);
 
     //last placeholder
-    insertAfter(lastRowGenerator(_allRows.at(-1).clientHeight), _allRows.at(-1));
+    if (_allRows.length > 0) {
+      var lastEl = lastRowGenerator(_allRows.at(-1).clientHeight);
+      if (typeof _allRows.at(-1) !== 'undefined') {
+        insertAfter(lastEl, _allRows.at(-1));
+      }
+    }
   };
   var handleTbodyEnter = function handleTbodyEnter(e) {
     var _table = e.currentTarget.closest('table');
@@ -904,6 +911,8 @@ function useTableDraggable(_ref, deps) {
     }
   }, [sortData]);
   var handleDragStart = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
+    var tbodyRef = getTbody(spyElement);
+    if (tbodyRef === null) return;
     draggedObj = e.currentTarget;
     e.dataTransfer.effectAllowed = 'move';
     e.dataTransfer.setData('text/html', draggedObj);
@@ -915,6 +924,13 @@ function useTableDraggable(_ref, deps) {
       callback.call(null, draggedObj, sortData, sortDataByIndex(sortData, data));
     };
     onRowDrag === null || onRowDrag === void 0 ? void 0 : onRowDrag(dragStart, null);
+
+    // init clone <tr>
+    // !!! It needs to be put at the end of the code to fix the location of the clone element
+    var cloneEl = tbodyRef.querySelector('.row-obj-clonelast');
+    if (cloneEl !== null) {
+      cloneEl.style.display = 'none';
+    }
   }, [handledragOver]);
   var handleDragEnd = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (e) {
     var tbodyRef = getTbody(spyElement);
@@ -958,10 +974,11 @@ function useTableDraggable(_ref, deps) {
     // sort elements
     var categoryItemsArray = allRows(spyElement);
     var sorter = function sorter(a, b) {
-      return a.dataset.order.localeCompare(b.dataset.order); // sorts based on alphabetical order
+      var txt1 = Number(a.dataset.order),
+        txt2 = Number(b.dataset.order);
+      return txt2 < txt1 ? -1 : txt2 > txt1 ? 1 : 0;
     };
-
-    var sorted = categoryItemsArray.sort(sorter);
+    var sorted = categoryItemsArray.sort(sorter).reverse();
     sorted.forEach(function (e) {
       return spyElement.querySelector('table').querySelector('tbody').appendChild(e);
     });
@@ -971,10 +988,22 @@ function useTableDraggable(_ref, deps) {
       callback.call(null, draggedObj, newData, sortDataByIndex(newData, data));
     };
     onRowDrag === null || onRowDrag === void 0 ? void 0 : onRowDrag(null, dragEnd);
+
+    // init clone <tr>
+    // !!! It needs to be put at the end of the code to fix the location of the clone element
+    var _allRows = allRows(spyElement);
+    var cloneEl = tbodyRef.querySelector('.row-obj-clonelast');
+    if (cloneEl !== null) {
+      if (typeof _allRows.at(-1) !== 'undefined') {
+        insertAfter(cloneEl, _allRows.at(-1));
+        cloneEl.style.display = 'none';
+      }
+    }
   }, [sortData]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (enabled) {
-      if (Array.isArray(data)) {
+      if (Array.isArray(data) && data.length > 0) {
+        // !!! REQUIRED "data.length > 0" to avoid data-order cannot be assigned when asynchronous data is empty
         data.forEach(function (item, i) {
           item.order = i;
         });

package/TagInput/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare type TagInputProps = {
+    contentRef?: React.ForwardedRef<any>;
     wrapperClassName?: string;
     value?: string;
     maxTags?: number;

package/TagInput/index.js

@@ -828,7 +828,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var funda_utils_dist_cjs_convert__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_convert__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(188);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4__);
-var _excluded = ["wrapperClassName", "maxTags", "disabled", "required", "placeholder", "readOnly", "value", "requiredLabel", "label", "name", "id", "autoComplete", "autoCapitalize", "spellCheck", "extractValueByBrackets", "minLength", "maxLength", "style", "tabIndex", "onChange", "onBlur", "onFocus"];
+var _excluded = ["contentRef", "wrapperClassName", "maxTags", "disabled", "required", "placeholder", "readOnly", "value", "requiredLabel", "label", "name", "id", "autoComplete", "autoCapitalize", "spellCheck", "extractValueByBrackets", "minLength", "maxLength", "style", "tabIndex", "onChange", "onBlur", "onFocus"];
 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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 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."); }
@@ -844,7 +844,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, externalRef) {
-  var wrapperClassName = props.wrapperClassName,
+  var contentRef = props.contentRef,
+    wrapperClassName = props.wrapperClassName,
     maxTags = props.maxTags,
     disabled = props.disabled,
     required = props.required,
@@ -894,6 +895,23 @@ var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     _useState10 = _slicedToArray(_useState9, 2),
     onComposition = _useState10[0],
     setOnComposition = _useState10[1];
+
+  // exposes the following methods
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(contentRef, function () {
+    return {
+      control: function control() {
+        return valRef.current;
+      },
+      clear: function clear(cb) {
+        initDefaultValue('');
+        cb === null || cb === void 0 ? void 0 : cb();
+      },
+      set: function set(value, cb) {
+        initDefaultValue("".concat(value));
+        cb === null || cb === void 0 ? void 0 : cb();
+      }
+    };
+  }, [contentRef]);
   function initDefaultValue(defaultValue) {
     // change the value to trigger component rendering
     if (typeof defaultValue === 'undefined' || defaultValue === '') {

package/Textarea/index.d.ts

@@ -22,6 +22,13 @@ export declare type TextareaProps = {
     autoSize?: boolean;
     iconLeft?: React.ReactNode | string;
     iconRight?: React.ReactNode | string;
+    aiPredict?: boolean;
+    aiPredictRemainingTextRGB?: number[];
+    aiPredictConfirmKey?: Array<string[]>;
+    aiPredictFetchFuncAsync?: any;
+    aiPredictFetchFuncMethod?: string;
+    aiPredictFetchFuncMethodParams?: any[];
+    aiPredictFetchCallback?: (data: any) => void;
     /** -- */
     id?: string;
     style?: React.CSSProperties;