@homecode/ui 4.18.49 → 4.18.51

package/README.md

@@ -1,4 +1,4 @@
-[![npm](https://img.shields.io/npm/dm/@foreverido/uilib?style=flat-square)](https://www.npmjs.com/package/@foreverido/uilib)
+[![npm](https://img.shields.io/npm/dm/@homecode/ui?style=flat-square)](https://www.npmjs.com/package/@homecode/ui)
 
 # UILIB
 

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

@@ -31,6 +31,7 @@ var ICONS = {
     home: () => import('./home.svg.js'),
     link: () => import('./link.svg.js'),
     loader: () => import('./loader.svg.js'),
+    map: () => import('./map.svg.js'),
     menu: () => import('./menu.svg.js'),
     mic: () => import('./mic.svg.js'),
     minus: () => import('./minus.svg.js'),
@@ -50,6 +51,7 @@ var ICONS = {
     settings: () => import('./settings.svg.js'),
     shoppingBag: () => import('./shoppingBag.svg.js'),
     sparks: () => import('./sparks.svg.js'),
+    syncArrows: () => import('./syncArrows.svg.js'),
     table: () => import('./table.svg.js'),
     telegram: () => import('./telegram.svg.js'),
 };

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

@@ -0,0 +1,17 @@
+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 SvgMap = function SvgMap(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.883 23.806 8.05 21.064l-6.072 2.35q-.653.261-1.208-.147t-.555-1.093V3.893q0-.424.245-.75.245-.327.67-.49L8.05.303l7.834 2.741 6.072-2.35q.653-.261 1.208.147t.555 1.093v18.28q0 .425-.245.752-.245.326-.67.49zm-1.305-3.2V5.33L9.355 3.501V18.78Zm2.611 0 3.917-1.305V3.828L17.19 5.329zM2.826 20.28l3.917-1.501V3.5L2.826 4.807ZM17.189 5.33v15.277ZM6.743 3.5v15.28Z",
+    style: {
+      strokeWidth: 1
+    }
+  }));
+};
+
+export { SvgMap as default };

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

@@ -0,0 +1,17 @@
+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 SvgSyncArrows = function SvgSyncArrows(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M5.99 23.966.003 17.321l5.987-6.645 1.706 1.86-3.113 3.456h18.17v2.658H4.582l3.113 3.455zm11.973-10.632-1.706-1.86 3.113-3.456H1.2V5.36h18.17l-3.113-3.455 1.706-1.86 5.987 6.644Z",
+    style: {
+      strokeWidth: 0.0315362
+    }
+  }));
+};
+
+export { SvgSyncArrows as default };

package/dist/esm/src/components/Tabs/Tabs.js

@@ -7,7 +7,7 @@ import S from './Tabs.styl.js';
 
 const isId = id => ['string', 'number'].includes(typeof id);
 function Tabs(props) {
-    const { size = 'm', className, contentClassName, items, hideTabsIfSingle = false, onChange, renderAll, activeId: initialId, children, ...rest } = props;
+    const { size = 'm', className, contentClassName, items, hideTabsIfSingle = false, allowEmpty = false, onChange, renderAll, activeId: initialId, children, ...rest } = props;
     const [activeId, setActiveId] = useState(isId(initialId) ? initialId : items[0].id);
     useEffect(() => {
         if (isId(initialId)) {
@@ -20,9 +20,10 @@ function Tabs(props) {
             e.peventDefault();
             return;
         }
-        setActiveId(id);
-        onChange?.(id);
-    }, []);
+        const newId = allowEmpty && id === activeId ? null : id;
+        setActiveId(newId);
+        onChange?.(newId);
+    }, [activeId]);
     const tabsContent = [];
     const tabsButtons = items.map((params) => {
         const { id, label, forceRender, content, contentClassName: currContentClassName, ...rest } = params;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './AssistiveText.types';
 export declare function AssistiveText(props: T.Props): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as T from './Button.types';
 export type ButtonProps = T.Props;
 export declare function Button(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './ButtonGroup.types';
 export declare function ButtonGroup(props: T.Props): JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Calendar.types';
 export declare function Calendar({ className, value, onDayPointerDown, onDayPointerUp, renderDay, renderWeekDayLabel, renderMonthLabel, renderMonthesLabel, renderYearLabel, startOfWeek, weekendClassName, hideOtherMonthDays, isDayDisabled, size, }: T.Props): JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Container.types';
 export declare function Container(props: T.Props): JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './DatePicker.types';
 export declare function DatePicker(props: T.Props): JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './DatePickerInput.types';
 export declare function DatePickerInput(props: T.Props): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as T from './DateTime.types';
 export declare function formatDate({ value, format, locale }: {
     value: any;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Expand.types';
 export declare function Expand(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/Gallery/Dots/Dots.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function Dots({ index, count }: {
     index: any;
     count: any;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Heading.types';
 export declare const Heading: import("react").NamedExoticComponent<T.Props>;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import * as T from './Icon.types';
 export declare const icons: {
     avatar: () => Promise<any>;
     brokenImage: () => Promise<any>;
+    camera: () => Promise<any>;
     check: () => Promise<any>;
     close: () => Promise<any>;
     colors: () => Promise<any>;
@@ -14,29 +14,47 @@ export declare const icons: {
     delete: () => Promise<any>;
     draft: () => Promise<any>;
     edit: () => Promise<any>;
+    email: () => Promise<any>;
     externalLink: () => Promise<any>;
+    eye: () => Promise<any>;
+    forward: () => Promise<any>;
+    folder: () => Promise<any>;
+    folderOpen: () => Promise<any>;
     fullscreen: () => Promise<any>;
     fullscreenExit: () => Promise<any>;
+    function: () => Promise<any>;
     gear: () => Promise<any>;
+    geolocation: () => Promise<any>;
+    group: () => Promise<any>;
     history: () => Promise<any>;
+    image: () => Promise<any>;
+    instagram: () => Promise<any>;
     home: () => Promise<any>;
+    link: () => Promise<any>;
     loader: () => Promise<any>;
+    map: () => Promise<any>;
     menu: () => Promise<any>;
     mic: () => Promise<any>;
     minus: () => Promise<any>;
     moreVertical: () => Promise<any>;
     moreHorizontal: () => Promise<any>;
+    output: () => Promise<any>;
+    pause: () => Promise<any>;
+    play: () => Promise<any>;
     plus: () => Promise<any>;
     redo: () => Promise<any>;
     undo: () => Promise<any>;
     requiredStar: () => Promise<any>;
+    rewind: () => Promise<any>;
     save: () => Promise<any>;
+    search: () => Promise<any>;
     send: () => Promise<any>;
     settings: () => Promise<any>;
     shoppingBag: () => Promise<any>;
-    social_instagram: () => Promise<any>;
-    social_telegram: () => Promise<any>;
-    social_email: () => Promise<any>;
+    sparks: () => Promise<any>;
+    syncArrows: () => Promise<any>;
+    table: () => Promise<any>;
+    telegram: () => Promise<any>;
 };
 export type { IconType } from './Icon.types';
 export declare function Icon(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/Icon/Icon.example.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

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

@@ -31,6 +31,7 @@ declare const _default: {
     home: () => Promise<any>;
     link: () => Promise<any>;
     loader: () => Promise<any>;
+    map: () => Promise<any>;
     menu: () => Promise<any>;
     mic: () => Promise<any>;
     minus: () => Promise<any>;
@@ -50,6 +51,7 @@ declare const _default: {
     settings: () => Promise<any>;
     shoppingBag: () => Promise<any>;
     sparks: () => Promise<any>;
+    syncArrows: () => Promise<any>;
     table: () => Promise<any>;
     telegram: () => Promise<any>;
 };

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './LightBox.types';
 export declare function LightBox({ children, className, onClose, blur, ...props }: T.Props): JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Paranja.types';
 export declare const Paranja: ({ className, children, visible, inline, blur, }: T.Props) => JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './PopupMenu.types';
 export declare function PopupMenu({ items, onClose, ...props }: T.Props): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     selector?: string;
     children: React.ReactNode;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './RequiredStar.types';
 export declare function RequiredStar(props: T.Props): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { RouterStore as RouterStoreType } from './store';
 import * as T from './Router.types';
 export declare const Router: {

package/dist/esm/types/src/components/Router/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ContextType = {
     basePath: string;
 };

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Spinner.types';
 export declare const Spinner: ({ size, className, ...props }: T.Props) => JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as T from './Tabs.types';
 export declare function Tabs(props: T.Props): string | number | boolean | import("react").ReactFragment | JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from 'uilib/types';
 import { ButtonProps } from '../Button/Button';
 type ID = string | number;
@@ -20,6 +19,7 @@ export type Props = {
     contentClassName?: string;
     items: Item[];
     hideTabsIfSingle?: boolean;
+    allowEmpty?: boolean;
     activeId?: ID;
     onChange: (id: ID) => void;
     renderAll?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const H1: (props: any) => JSX.Element;
 export declare const H2: (props: any) => JSX.Element;
 export declare const H3: (props: any) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as T from './Theme.types';
 export declare function Theme({ config }: T.Props): JSX.Element;
 export * as ThemeHelpers from './Theme.helpers';

package/dist/esm/types/src/components/Virtualized/List/ListScroll.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Props as ScrollProps } from '../../Scroll/Scroll.types';
 import type { Props as ListProps } from './List';
 type Props = ListProps & {

package/dist/esm/types/src/services/i18n.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type LangLoader = () => Promise<{
     default: object;
 }>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@homecode/ui",
-  "version": "4.18.49",
+  "version": "4.18.51",
   "description": "React UI components library",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "jest",
     "ts": "tsc --noUnusedLocals",
     "dev": "NODE_OPTIONS='--loader ts-node/esm' NODE_ENV=development webpack-dev-server --mode=development --config ./src/docs/config/webpack.config.js --progress",
     "build": "rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript",
@@ -43,6 +43,7 @@
     "@homecode/ui": "^4.17.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@svgr/webpack": "^8.1.0",
     "classnames": "^2.3.2",
     "compareq": "^1.2.2",
     "fastest-validator": "^1.16.0",
@@ -77,10 +78,15 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@svgr/rollup": "^6.5.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.14.0",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
+    "babel-jest": "^29.7.0",
     "babel-loader": "8",
     "babel-preset-react-app": "^10.0.1",
     "clean-webpack-plugin": "^4.0.0",
@@ -91,12 +97,14 @@
     "fs": "^0.0.2",
     "html-webpack-partials-plugin": "^0.8.0",
     "html-webpack-plugin": "^5.5.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "mini-css-extract-plugin": "^2.7.2",
     "postcss-loader": "^7.0.2",
     "postcss-preset-env": "^8.0.1",
     "raw-loader": "^4.0.2",
     "react-hot-loader": "^4.13.1",
-    "react-svg-loader": "^3.0.3",
     "replace": "^1.2.2",
     "rollup": "^3.17.1",
     "rollup-plugin-delete": "^2.0.0",
@@ -108,6 +116,7 @@
     "style-loader": "^3.3.1",
     "stylus": "^0.59.0",
     "stylus-loader": "^7.1.0",
+    "ts-jest": "^29.2.5",
     "ts-node": "^10.9.1",
     "ts-to-json": "^1.22.11",
     "typescript": "^4.9.5",

package/tests/mocks/svgMock.js

@@ -0,0 +1,11 @@
+const React = require('react');
+
+module.exports = {
+  ReactComponent: function SvgMock(props) {
+    return React.createElement('svg', {
+      ...props,
+      'data-testid': 'svg-mock'
+    });
+  },
+  default: 'SvgMock'
+};

package/dist/esm/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };