diginet-core-ui 1.3.70 → 1.3.71

package/global/index.js

@@ -31,7 +31,7 @@ const globalObject = {
     // Transfer
     choices: 'lựa chọn',
     chosen: 'được chọn',
-    selected: 'được chọn',
+    selected: 'Đã chọn',
     // Date Picker
     helperInvalid: 'Sai định dạng',
     helperValid: 'Phù hợp',
@@ -64,8 +64,8 @@ const globalObject = {
       min: 'Chưa đạt giá trị tối thiểu cho phép',
       required: 'Trường này bắt buộc nhập'
     },
-    inputPlaceholder: "Nhập",
-    dropdownPlaceholder: "Chọn"
+    inputPlaceholder: 'Nhập',
+    dropdownPlaceholder: 'Chọn'
   },
   en: {
     agree: 'Agree',
@@ -130,8 +130,8 @@ const globalObject = {
       min: 'The minimum allowed value has not been reached',
       required: 'This field is required'
     },
-    inputPlaceholder: "Type something",
-    dropdownPlaceholder: "Select"
+    inputPlaceholder: 'Type something',
+    dropdownPlaceholder: 'Select'
   },
   delayOnInput: 500
 };

package/package.json

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

package/readme.md

@@ -38,6 +38,16 @@ npm test
 ```
 
 ## Changelog
+## 1.3.71
+- \[Changed\]: Tooltip – Add prop disableInteractive
+- \[Changed\]: Card – Update storybook Card
+- \[Changed\]: Dropdown – Add prop maximumSelectionLength
+- \[Fixed\]: TextInput – Fix bug cannot set status
+- \[Fixed\]: Button – Fix height of viewType outlined
+- \[Fixed\]: Grid – Fix topSpacing, leftSpacing not receive value 0
+- \[Fixed\]: Avatar – Fix bug change avatar when disabled; Add prop style
+- \[Fixed\]: Dropdown – Fix bug big image when use iconExpr
+
 ## 1.3.70
 - \[Changed\]: Checkbox – Add prop required
 - \[Changed\]: Radio – Add prop required

package/utils/index.js

@@ -21,4 +21,6 @@ export * from './validate';
 export { default as onValidate } from './validate';
 export { default as classNames } from './classNames';
 export { default as refType } from './refType';
+export * from './sb-template';
+export { default as SbTemplate } from './sb-template';
 export default utils;

package/utils/{sb-teamplate.js → sb-template.js}

@@ -1,21 +1,23 @@
 import React from 'react';
-import { css, js } from '@emotion/core';
+import { css } from '@emotion/core';
 import { Col, Row, Tooltip, Typography } from '../components/index';
 import { useTheme } from '../theme';
-import { flexWrap, flexRow, alignCenter } from '../styles/general';
-import { ImportComp } from '../components/others/import/index.stories';
+import { flexWrap, flexRow, alignCenter, flexCol, alignStart, alignEnd } from '../styles/general';
+import ImportComp from '../components/others/import';
 import PropTypes from 'prop-types';
 const {
   spacing
 } = useTheme();
+const alignMap = new Map([['start', alignStart], ['center', alignCenter], ['end', alignEnd]]);
 export const Template = ({
   title,
   args,
   propsCustom,
   disabledTooltip,
   component: Component,
-  horizontal
-} = props) => {
+  horizontal,
+  align
+}) => {
   return /*#__PURE__*/React.createElement(Row, {
     style: {
       padding: spacing(2)
@@ -33,9 +35,9 @@ export const Template = ({
       gap: spacing(2)
     },
     css: css`
-                            ${horizontal ? flexRow : ''};
+                            ${horizontal ? flexRow : flexCol};
                             ${flexWrap};
-                            ${alignCenter}
+                            ${alignMap.get(align)};
                         `
   }, [{}, ...propsCustom].map((itemProps, indexProps) => {
     const argsTemp = { ...args,
@@ -57,7 +59,7 @@ const StoryBookTemplate = ({
   propsCustom,
   listItem,
   componentName
-} = props) => {
+}) => {
   return /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
     xs: 12
   }, /*#__PURE__*/React.createElement(ImportComp, {
@@ -69,7 +71,9 @@ const StoryBookTemplate = ({
       horizontal,
       title,
       argsExtra,
-      propsCustom: itemPropsCustom
+      propsCustom: itemPropsCustom,
+      disabledTooltip,
+      align
     } = propsItem;
     return /*#__PURE__*/React.createElement(Template, {
       key: idx,
@@ -79,21 +83,25 @@ const StoryBookTemplate = ({
         ...argsExtra
       },
       component: component,
-      propsCustom: [...(propsCustom || []), ...(itemPropsCustom || [])]
+      propsCustom: [...(propsCustom || []), ...(itemPropsCustom || [])],
+      disabledTooltip: disabledTooltip,
+      align: align
     });
   })));
 };
 
 Template.defaultProps = {
   propsCustom: [],
-  disabledTooltip: false
+  disabledTooltip: false,
+  align: 'start'
 };
 Template.propTypes = {
   title: PropTypes.string.isRequired,
   args: PropTypes.object,
   propsCustom: PropTypes.array,
   disabledTooltip: PropTypes.bool,
-  horizontal: PropTypes.bool
+  horizontal: PropTypes.bool,
+  align: PropTypes.oneOf(['start', 'center', 'end'])
 };
 StoryBookTemplate.propTypes = {
   componentName: PropTypes.string.isRequired,