diginet-core-ui 1.3.86 → 1.3.87

package/components/form-control/input-base/index.js

@@ -51,7 +51,7 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   hoverTooltip,
   iconStyle,
   inputProps,
-  inputRef: inputBaseRef,
+  inputRef: inputRefProp,
   inputStyle,
   maxRows,
   multiline,
@@ -84,7 +84,8 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     bind,
     value
   } = useInput(defaultValue, valueProp, _onChange, onInput, delayOnChange);
-  if (!inputBaseRef) inputBaseRef = useRef(null);
+  if (!inputRefProp) inputRefProp = useRef(null);
+  const inputRef = useRef(null);
   const ref = useRef(null);
   const valueArray = useRef([]);
   const canvas = document.createElement('canvas');
@@ -115,28 +116,28 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   };
   useEffect(() => {
     if (defaultValue !== undefined && defaultValue !== '') {
-      if (multiline && !/\d+/.test(rows)) {
-        inputBaseRef.current.style.height = 0;
-        inputBaseRef.current.style.height = Math.max(24, inputBaseRef.current.scrollHeight) + 'px';
+      if (multiline && !/\d+/.test(rows) && inputRef.current) {
+        inputRef.current.style.height = 0;
+        inputRef.current.style.height = Math.max(24, inputRef.current.scrollHeight) + 'px';
       }
     }
   }, []);
   useEffect(() => {
-    if (multiline && !/\d+/.test(rows) && !(inputBaseRef.current.value || inputBaseRef.current.value === 0)) {
-      inputBaseRef.current.style.height = '24px';
+    if (multiline && !/\d+/.test(rows) && inputRef.current && !(inputRef.current.value || inputRef.current.value === 0)) {
+      inputRef.current.style.height = '24px';
     }
     if (autoFocus) {
-      inputBaseRef.current.focus();
+      inputRef.current.focus();
     }
   }, [multiline]);
   useEffect(() => {
     const defaultHeight = 24;
     if (valueProp !== undefined) {
       valueArray.current.push(valueProp);
-      inputBaseRef.current.value = valueProp;
+      inputRefProp.current.value = valueProp;
       if (multiline && !/\d+/.test(rows)) {
-        inputBaseRef.current.style.height = 0;
-        inputBaseRef.current.style.height = Math.max(defaultHeight, inputBaseRef.current.scrollHeight) + 'px';
+        inputRef.current.style.height = 0;
+        inputRef.current.style.height = Math.max(defaultHeight, inputRef.current.scrollHeight) + 'px';
       } else {
         dynamicWidth({
           target: {
@@ -146,15 +147,15 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       }
     }
     return () => {
-      if (valueProp !== undefined && multiline && !/\d+/.test(rows) && inputBaseRef.current) {
-        inputBaseRef.current.style.height = defaultHeight + 'px';
+      if (valueProp !== undefined && multiline && !/\d+/.test(rows) && inputRef.current) {
+        inputRef.current.style.height = defaultHeight + 'px';
       }
     };
   }, [valueProp]);
   /* End handler */
 
   useImperativeHandle(reference, () => {
-    const currentRef = inputBaseRef.current || {};
+    const currentRef = inputRefProp.current || {};
     const _instance = {
       ...action
     }; // methods
@@ -169,14 +170,14 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     styleInputBase.current = style;
   };
   const dynamicWidth = e => {
-    if (!autoWidth || !inputBaseRef.current) return;
-    if (!canvas || !styleInputBase.current || !inputBaseRef.current) return;
+    if (!autoWidth || !inputRefProp.current) return;
+    if (!canvas || !styleInputBase.current || !inputRefProp.current) return;
     const context = canvas.getContext('2d');
     context.font = styleInputBase.current.font;
     const {
       width
     } = context.measureText(e.target.value);
-    inputBaseRef.current.style.width = `${Math.max(width, widthInit.current)}px`;
+    inputRefProp.current.style.width = `${Math.max(width, widthInit.current)}px`;
   };
 
   /* Start component */
@@ -224,7 +225,11 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     readOnly: readOnly,
     style: inputStyle || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.style),
     className: classNames('DGN-UI-InputBase-Textarea', inputProps.className),
-    ref: inputBaseRef,
+    ref: refs => {
+      if (!refs) return;
+      inputRef.current = refs;
+      typeof inputRefProp === 'function' ? inputRefProp(refs) : inputRefProp.current = refs;
+    },
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp,
     onInput: onInputTextArea,
@@ -249,7 +254,8 @@ const InputBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     className: classNames('DGN-UI-InputBase-Input', newClass, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className),
     ref: refs => {
       if (!refs) return;
-      inputBaseRef.current = refs;
+      inputRef.current = refs;
+      typeof inputRefProp === 'function' ? inputRefProp(refs) : inputRefProp.current = refs;
       saveInitInfo(refs);
     },
     css: _InputCSS,

package/icons/basic.js

@@ -4056,6 +4056,34 @@ export const Update = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const Upload = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = '#7F828E',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 10V16H9V10H5L12 3L19 10H15ZM19 20V18H5V20H19Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 14,
+    height: height || 17,
+    viewBox: "0 0 14 17",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 7V13H4V7H0L7 0L14 7H10ZM14 17V15H0V17H14Z",
+    fill: colors[color] || color
+  }));
+});
 export const Palette = /*#__PURE__*/memo(({
   width,
   height,
@@ -6077,6 +6105,54 @@ export const Website = /*#__PURE__*/memo(({
     fill: colors[color] || color
   }));
 });
+export const Workflow = /*#__PURE__*/memo(({
+  width,
+  height,
+  color = '#7F828E',
+  viewBox = false
+}) => {
+  return viewBox ? /*#__PURE__*/React.createElement("svg", {
+    width: width || 24,
+    height: height || 24,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 5L5 8L5 6H2V4H5L5 2L8 5Z",
+    fill: colors[color] || color
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22 19L19 22L19 20H16V18H19L19 16L22 19Z",
+    fill: colors[color] || color
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.8293 6C14.4175 7.16519 13.3062 8 12 8C10.3431 8 9 6.65685 9 5C9 3.34315 10.3431 2 12 2C13.3062 2 14.4175 2.83481 14.8293 4L18 4L20 4V6V9.17071C21.1652 9.58254 22 10.6938 22 12C22 13.6569 20.6569 15 19 15C17.6938 15 16.5825 14.1652 16.1707 13H7.82929C7.52801 13.8524 6.85241 14.528 6 14.8293L6 18H9.17071C9.58254 16.8348 10.6938 16 12 16C13.6569 16 15 17.3431 15 19C15 20.6569 13.6569 22 12 22C10.6938 22 9.58254 21.1652 9.17071 20H6H4V18L4 14.8293C2.83481 14.4175 2 13.3062 2 12C2 10.3431 3.34315 9 5 9C6.30622 9 7.41746 9.83481 7.82929 11H16.1707C16.472 10.1476 17.1476 9.47199 18 9.17071V6H14.8293Z",
+    fill: colors[color] || color
+  })) : /*#__PURE__*/React.createElement("svg", {
+    width: width || 20,
+    height: height || 20,
+    viewBox: "0 0 20 20",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 3L3 6L3 4H0V2H3L3 0L6 3Z",
+    fill: colors[color] || color
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20 17L17 20L17 18H14V16H17L17 14L20 17Z",
+    fill: colors[color] || color
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.8293 4C12.4175 5.16519 11.3062 6 10 6C8.34315 6 7 4.65685 7 3C7 1.34315 8.34315 0 10 0C11.3062 0 12.4175 0.834808 12.8293 2L16 2L18 2V4V7.17071C19.1652 7.58254 20 8.69378 20 10C20 11.6569 18.6569 13 17 13C15.6938 13 14.5825 12.1652 14.1707 11H5.82929C5.52801 11.8524 4.85241 12.528 4 12.8293L4 16H7.17071C7.58254 14.8348 8.69378 14 10 14C11.6569 14 13 15.3431 13 17C13 18.6569 11.6569 20 10 20C8.69378 20 7.58254 19.1652 7.17071 18H4H2V16L2 12.8293C0.834808 12.4175 0 11.3062 0 10C0 8.34315 1.34315 7 3 7C4.30622 7 5.41746 7.83481 5.82929 9H14.1707C14.472 8.14759 15.1476 7.47199 16 7.17071V4H12.8293Z",
+    fill: colors[color] || color
+  }));
+});
 export const Write = /*#__PURE__*/memo(({
   width,
   height,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.3.86",
+  "version": "1.3.87",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -38,6 +38,10 @@ npm test
 ```
 
 ## Changelog
+## 1.3.87
+- \[Added\]: Icon – Upload, Workflow
+- \[Fixed\]: InputBase – Fix not run when inputRef is function
+
 ## 1.3.86
 - \[Changed\]: Icon – Optimize code
 - \[Fixed\]: Dropdown – Fix bug cannot select multiple after search