@homecode/ui 4.27.0 → 4.27.2

package/dist/esm/src/components/Icon/icons/apple.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+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); }
+var SvgApple = function SvgApple(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M15.649 4c.865-1 1.447-2.395 1.288-3.783-1.246.047-2.753.795-3.646 1.795-.801.888-1.502 2.307-1.313 3.668 1.389.103 2.807-.676 3.67-1.678m3.117 8.81c.035 3.588 3.284 4.782 3.32 4.797-.026.084-.52 1.7-1.712 3.373-1.032 1.443-2.102 2.88-3.79 2.912-1.655.03-2.19-.941-4.084-.941s-2.486.91-4.054.97c-1.628.059-2.868-1.562-3.908-3-2.126-2.944-3.75-8.32-1.57-11.946 1.085-1.8 3.02-2.942 5.124-2.97 1.598-.03 3.107 1.03 4.084 1.03s2.81-1.275 4.739-1.088c.807.032 3.072.312 4.526 2.352-.117.07-2.703 1.512-2.674 4.51"
+  })));
+};
+
+export { SvgApple as default };

package/dist/esm/src/components/Icon/icons/github.svg.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+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); }
+var SvgGithub = function SvgGithub(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M12.085.104A11.957 11.968 0 0 1 23.882 12.23a11.957 11.968 0 0 1-8.09 11.53c-.598.119-.798-.28-.798-.6v-3.31c0-1.157-.398-1.875-.797-2.274 2.63-.28 5.42-1.317 5.42-5.984a4.783 4.787 0 0 0-1.235-3.271 3.986 3.99 0 0 0-.12-3.192s-.996-.319-3.228 1.197a11.957 11.968 0 0 0-5.979 0C6.863 4.811 5.867 5.21 5.867 5.21a3.986 3.99 0 0 0-.12 3.191 4.783 4.787 0 0 0-1.195 3.232c0 4.667 2.75 5.704 5.38 5.984a2.79 2.793 0 0 0-.757 1.635c-.717.32-2.431.838-3.468-1.037 0 0-.637-1.197-1.833-1.237 0 0-1.156 0-.08.719 0 0 .797.398 1.316 1.795 0 0 .677 2.154 3.985 1.436v2.234c0 .319-.199.718-.797.598a11.957 11.968 0 0 1-8.09-11.529A11.957 11.968 0 0 1 12.044.104",
+    style: {
+      strokeWidth: 39.8753
+    }
+  }));
+};
+
+export { SvgGithub as default };

package/dist/esm/src/components/Icon/icons/google.svg.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+
+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); }
+var SvgGoogle = function SvgGoogle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    preserveAspectRatio: "xMidYMid",
+    viewBox: "-3 0 7.86 7.86"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "#4285f4",
+    d: "M12.052 8.96c0-.716-.051-1.239-.162-1.78H4.68v3.23h4.232c-.086.802-.546 2.011-1.57 2.823l-.015.109 2.28 2.001.158.018c1.45-1.518 2.287-3.752 2.287-6.402",
+    style: {
+      strokeWidth: 0.0626224
+    },
+    transform: "matrix(.51004 0 0 .44168 -1.376 .066)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#34a853",
+    d: "M4.68 17.47c2.073 0 3.814-.775 5.085-2.109l-2.423-2.128c-.649.513-1.52.87-2.662.87-2.031 0-3.755-1.517-4.37-3.616l-.09.009-2.37 2.079-.03.098c1.262 2.843 3.856 4.796 6.86 4.796",
+    style: {
+      strokeWidth: 0.0626224
+    },
+    transform: "matrix(.51004 0 0 .44168 -1.376 .066)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#fbbc05",
+    d: "M.31 10.487a6 6 0 0 1-.255-1.721c0-.6.094-1.18.247-1.722L.298 6.93l-2.4-2.112-.079.042A9.7 9.7 0 0 0-3 8.766a9.7 9.7 0 0 0 .82 3.907z",
+    style: {
+      strokeWidth: 0.0626224
+    },
+    transform: "matrix(.51004 0 0 .44168 -1.376 .066)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#eb4335",
+    d: "M4.68 3.428c1.442 0 2.414.706 2.969 1.296l2.167-2.399C8.486.923 6.753.062 4.68.062 1.676.062-.918 2.016-2.18 4.86L.301 7.044C.925 4.946 2.65 3.428 4.68 3.428",
+    style: {
+      strokeWidth: 0.0626224
+    },
+    transform: "matrix(.51004 0 0 .44168 -1.376 .066)"
+  }));
+};
+
+export { SvgGoogle as default };

package/dist/esm/src/components/Icon/icons/index.js

@@ -1,5 +1,6 @@
 var ICONS = {
     attach: () => import('./attach.svg.js'),
+    apple: () => import('./apple.svg.js'),
     arrowRight: () => import('./arrowRight.svg.js'),
     arrowLeft: () => import('./arrowLeft.svg.js'),
     arrowUp: () => import('./arrowUp.svg.js'),
@@ -41,7 +42,9 @@ var ICONS = {
     gear: () => import('./gear.svg.js'),
     geolocation: () => import('./geolocation.svg.js'),
     globe: () => import('./globe.svg.js'),
+    google: () => import('./google.svg.js'),
     group: () => import('./group.svg.js'),
+    github: () => import('./github.svg.js'),
     history: () => import('./history.svg.js'),
     image: () => import('./image.svg.js'),
     instagram: () => import('./instagram.svg.js'),

package/dist/esm/src/components/Notifications/store.js

@@ -7,7 +7,7 @@ import C from './Notifications.constants.json.js';
 const SHOW_TIME = 5000;
 const STORE = createStore('notifications', {
     items: [],
-    autohide: [],
+    autoHide: [],
     data: {},
     paused: false,
     show(data) {
@@ -18,9 +18,8 @@ const STORE = createStore('notifications', {
             createdAt: Date.now(),
         };
         Time.after(C.ANIMATION_DURATION, () => (this.data[id].visible = true));
-        if (data.autohide !== false) {
-            this.autohide.push(id);
-        }
+        if (data.autoHide !== false)
+            this.autoHide.push(id);
         return id;
     },
     pause() {
@@ -29,7 +28,7 @@ const STORE = createStore('notifications', {
     },
     unpause() {
         const pauseTime = Date.now() - this.pausedAt;
-        this.autohide.forEach(id => {
+        this.autoHide.forEach(id => {
             this.data[id].createdAt += pauseTime;
         });
         this.paused = false;
@@ -39,18 +38,18 @@ const STORE = createStore('notifications', {
         Time.after(C.ANIMATION_DURATION, () => this.remove(id));
     },
     remove(id) {
-        spliceWhere(this.autohide, id);
+        spliceWhere(this.autoHide, id);
         spliceWhere(this.items, id);
         delete this.data[id];
     },
 });
 // worker
 Time.every(50, function tick() {
-    const { paused, autohide, data } = STORE;
-    if (paused || autohide.length === 0) {
+    const { paused, autoHide, data } = STORE;
+    if (paused || autoHide.length === 0) {
         return;
     }
-    const id = autohide[0]; // TODO: move trough all autohide until some will !readyToHide
+    const id = autoHide[0]; // TODO: move trough all autoHide until some will !readyToHide
     const item = data[id];
     const readyToHide = Date.now() - item.createdAt > SHOW_TIME;
     if (item.visible && readyToHide) {

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     attach: () => Promise<any>;
+    apple: () => Promise<any>;
     arrowRight: () => Promise<any>;
     arrowLeft: () => Promise<any>;
     arrowUp: () => Promise<any>;
@@ -41,7 +42,9 @@ declare const _default: {
     gear: () => Promise<any>;
     geolocation: () => Promise<any>;
     globe: () => Promise<any>;
+    google: () => Promise<any>;
     group: () => Promise<any>;
+    github: () => Promise<any>;
     history: () => Promise<any>;
     image: () => Promise<any>;
     instagram: () => Promise<any>;

package/dist/esm/types/src/components/Notifications/Notifications.types.d.ts

@@ -4,6 +4,7 @@ export type ItemParams = {
     type?: NotificationType;
     title?: string;
     content?: string;
+    autoHide?: boolean;
 };
 export type Methods = {
     show: (data: ItemParams) => Id;

package/dist/esm/types/src/components/Notifications/store.d.ts

@@ -1,9 +1,10 @@
+import { ItemParams } from './Notifications.types';
 declare const STORE: import("justorm/dist/esm/proxy").ProxyStore<{
     items: string[];
-    autohide: string[];
+    autoHide: string[];
     data: {};
     paused: boolean;
-    show(data: any): any;
+    show(data: ItemParams): any;
     pause(): void;
     unpause(): void;
     close(id: any): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.27.0",
+  "version": "4.27.2",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",