@antscorp/antsomi-ui 1.3.5-beta.204 → 1.3.5-beta.206

package/es/components/organism/AccountSharing/AccountSharing.js

@@ -51,7 +51,7 @@ export const AccountSharing = props => {
     const [serverTranslateData, setServerTranslateData] = useState({});
     const [language, setLanguage] = useState(lang || 'en');
     const debounceSearch = useDebounce(accountSearch, 500);
-    const [cookies, setCookie] = useCookies();
+    const [cookies, setCookie, removeCookie] = useCookies();
     const domain = iamDomain.charAt(iamDomain.length - 1) === '/' ? iamDomain : `${iamDomain}/`;
     const translateLang = useMemo(() => translate(translateData, serverTranslateData, language), [serverTranslateData, language, translateData]);
     const getInfoAccount = () => {
@@ -223,6 +223,7 @@ export const AccountSharing = props => {
     });
     // const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
     const onClickButtonLogout = () => {
+        removeCookie(`uogs_${networkId}`);
         if (callbackLogout)
             callbackLogout();
         setTimeout(() => {

package/es/utils/styles.d.ts

@@ -1,2 +1,2 @@
-export declare function styleToCssString(rules: any): string;
+export declare function styleToCssString(rules: any, important?: boolean): string;
 export default styleToCssString;

package/es/utils/styles.js

@@ -143,16 +143,16 @@ const counter = 1;
 // Follows syntax at https://developer.mozilla.org/en-US/docs/Web/CSS/content,
 // including multiple space separated values.
 const unquotedContentValueRegex = /^(normal|none|(\b(url\([^)]*\)|chapter_counter|attr\([^)]*\)|(no-)?(open|close)-quote|inherit)((\b\s*)|$|\s+))+)$/;
-function buildRule(key, value) {
+function buildRule(key, value, important = false) {
     if (!isUnitlessNumber[key] && typeof value === 'number') {
         value = `${value}px`;
     }
     else if (key === 'content' && !unquotedContentValueRegex.test(value)) {
         value = `'${value.replace(/'/g, "\\'")}'`;
     }
-    return `${hyphenateStyleName(key)}: ${value};  `;
+    return `${hyphenateStyleName(key)}: ${value} ${important ? '!important' : ''};  `;
 }
-export function styleToCssString(rules) {
+export function styleToCssString(rules, important = false) {
     let result = '';
     if (!rules || keys(rules).length === 0) {
         return result;
@@ -163,11 +163,11 @@ export function styleToCssString(rules) {
         const value = rules[styleKey];
         if (isArray(value)) {
             for (let i = 0, len = value.length; i < len; i++) {
-                result += buildRule(styleKey, value[i]);
+                result += buildRule(styleKey, value[i], important);
             }
         }
         else {
-            result += buildRule(styleKey, value);
+            result += buildRule(styleKey, value, important);
         }
     }
     return result;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.204",
+  "version": "1.3.5-beta.206",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",