diginet-core-ui 1.3.36 → 1.3.38

package/components/chip/index.js

@@ -48,7 +48,7 @@ const Chip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   disabled,
   readOnly,
   children,
-  ...props
+  style
 }, reference) => {
   const ref = useRef(null);
   const IconRef = useRef(null);
@@ -103,7 +103,7 @@ const Chip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       });
     }
 
-    return jsx("div", {
+    return startIcon && jsx("div", {
       css: ChipIconCSS,
       className: size
     }, node);
@@ -114,7 +114,8 @@ const Chip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       className: size
     }, jsx(Typography, {
       type: size === 'small' ? 'p2' : 'p1',
-      color: 'inherit'
+      color: 'inherit',
+      lineClamp: 1
     }, renderLabel()));
   }, [label, size, startIcon, endIcon, clearAble]);
   const endIconView = useMemo(() => {
@@ -138,20 +139,21 @@ const Chip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       viewType: 'ghost',
       name: 'Close',
       color: viewType === 'outlined' && color ? 'inherit' : undefined,
+      disabled: disabled,
       onClick: onRemoveHandler
     })) : endIcon && jsx("div", {
       css: ChipIconCSS,
       className: 'end-icon ' + size,
       ref: IconRef
     }, node);
-  }, [clearAble, viewType, color, endIcon, size]);
+  }, [clearAble, viewType, color, endIcon, size, disabled]);
   return jsx("div", {
     css: ChipRootCSS(onClick, onDbClick, color),
     ref: ref,
     className: ['DGN-UI-Chip', size, className, color && color !== 'default' && color, color && color !== 'default' && viewType, disabled && 'chip--disabled', readOnly && 'chip--readOnly'].join(' ').trim().replace(/\s+/g, ' '),
+    style: style,
     onClick: _onClick,
-    onDoubleClick: _onDbClick,
-    ...props
+    onDoubleClick: _onDbClick
   }, startIconView, labelView, endIconView, children);
 }));
 const ChipIconCSS = css`
@@ -272,6 +274,7 @@ const ChipRootCSS = (onClick, onDbClick, color) => css`
 Chip.defaultProps = {
   label: '',
   className: '',
+  style: {},
   viewType: 'outlined',
   size: 'small',
   clearAble: false
@@ -284,6 +287,9 @@ Chip.propTypes = {
   className: PropTypes.string,
 
   /** max length content to display was allowed */
+
+  /** style inline of component */
+  style: PropTypes.object,
   maxLength: PropTypes.number,
 
   /** the icon display at head of Chip */
@@ -326,9 +332,6 @@ Chip.propTypes = {
   onDoubleClick: PropTypes.func,
 
   /** content to display on Chip (the same to label) */
-  children: PropTypes.node,
-
-  /** any props else */
-  props: PropTypes.any
+  children: PropTypes.node
 };
 export default Chip;

package/components/divider/index.js

@@ -24,22 +24,24 @@ const Divider = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     ref = useRef(null);
   }
 
+  if (typeof width === 'number') width = `${width}px`;
+  if (typeof height === 'number') height = `${height}px`;
   const DividerRoot = css`
-        ${noBorder}
-        flex-shrink: 0;
-        margin: 0;
-        background-color: ${colors.semantic[color] || color};
-        &.vertical {
-            width: ${width ? isNaN(width) ? width : width + 'px' : '1px'};
-            height: ${height ? isNaN(height) ? height : height + 'px' : '100%'};
-            /* margin: auto 5px; */
-        }
-        &.horizontal {
-            width: ${width ? isNaN(width) ? height : width + 'px' : '100%'};
-            height: ${height ? isNaN(height) ? height : height + 'px' : '1px'};
-            /* margin: 5px auto; */
-        }
-    `;
+            ${noBorder}
+            flex-shrink: 0;
+            margin: 0;
+            background-color: ${colors.semantic[color] || color};
+            &.vertical {
+                width: ${width || '1px'};
+                height: ${height || '100%'};
+                /* margin: auto 5px; */
+            }
+            &.horizontal {
+                width: ${width || '100%'};
+                height: ${height || '1px'};
+                /* margin: 5px auto; */
+            }
+        `;
   useEffect(() => {
     if (direction === 'vertical' && !height && ref.current && ref.current.parentNode) {
       ref.current.style.height = ref.current.parentNode.offsetHeight + 'px';

package/components/form-control/attachment/index.js

@@ -1856,6 +1856,7 @@ const Attachment = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     ref.current.allNewAttached = allNewAttached;
     ref.current.attached = attached;
     ref.current.clear = clearAllAttached;
+    ref.current.openFileDialog = triggerClickInput;
     return ref.current;
   });
   return jsx("div", { ...props,