@via-profit/ui-kit 0.2.6 → 0.4.0

package/utils/TabManager.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *     window.document.addEventListener('keydown', keydown);
  *
  *      return () => {
- *         window.document.addEventListener('keydown', keydown);
+ *         window.document.removeEventListener('keydown', keydown);
  *      }
  *   }, []);
  *
@@ -78,7 +78,6 @@ class TabManager {
         __classPrivateFieldSet(this, _TabManager_stack, __classPrivateFieldGet(this, _TabManager_stack, "f").filter(stackElem => {
             const founded = stackElem.container === container;
             if (founded && revertBackFocus && stackElem.lastFocused instanceof HTMLElement) {
-                console.debug('revert back focus to', stackElem.lastFocused);
                 stackElem.lastFocused.focus();
             }
             return !founded;
@@ -86,60 +85,55 @@ class TabManager {
     }
     getElementsList() {
         const { stackElement } = this.getTopOfTheStack();
-        const universe = stackElement.container.querySelectorAll('input, button, select, textarea, a[href]');
-        const list = Array.prototype.filter.call(universe, function (item) {
-            return item.tabIndex >= 0;
-        });
-        list.sort((a, b) => {
-            if (a.tabIndex === 0) {
-                return 1;
-            }
-            if (b.tabIndex === 0) {
-                return -1;
-            }
-            if (a.tabIndex < b.tabIndex) {
-                return -1;
-            }
-            if (a.tabIndex > b.tabIndex) {
-                return 1;
-            }
-            return 0;
-        });
+        if (!stackElement) {
+            return [];
+        }
+        const universe = stackElement.container.querySelectorAll('input, button, select, textarea, a[href], [tabindex]');
+        const list = Array.prototype.filter.call(universe, (item) => item.tabIndex >= 0 &&
+            !item.disabled &&
+            item !== stackElement.container);
+        // Positive tabIndex goes first (ascending), then tabIndex=0 in the DOM order.
+        // Array.prototype.sort is stable, so equal keys keep the DOM order
+        const sortKey = (el) => el.tabIndex === 0 ? Number.MAX_SAFE_INTEGER : el.tabIndex;
+        list.sort((a, b) => sortKey(a) - sortKey(b));
         return list;
     }
-    focusNext() {
-        const { stackElement, stackIndex } = this.getTopOfTheStack();
-        const list = this.getElementsList();
-        const nextIndex = stackElement.lastIndex + 1;
-        if (list[nextIndex]) {
-            list[nextIndex].focus();
-            __classPrivateFieldGet(this, _TabManager_stack, "f")[stackIndex].lastIndex = nextIndex;
-            return;
+    /**
+     * Index of the currently focused element in the list.
+     * Uses the real focus, so a focus set by mouse is taken into account
+     */
+    getCurrentIndex(list) {
+        const { stackElement } = this.getTopOfTheStack();
+        const activeIndex = list.findIndex(el => el === document.activeElement);
+        if (activeIndex !== -1) {
+            return activeIndex;
         }
-        // Othrwise
-        const nextEl = list[0];
-        if (nextEl) {
-            __classPrivateFieldGet(this, _TabManager_stack, "f")[stackIndex].lastIndex = 0;
-            nextEl.focus();
+        return stackElement ? stackElement.lastIndex : -1;
+    }
+    focusByIndex(list, index) {
+        const { stackElement } = this.getTopOfTheStack();
+        const el = list[index];
+        if (!stackElement || !el) {
             return;
         }
+        stackElement.lastIndex = index;
+        el.focus();
     }
-    focusPrev() {
-        const { stackElement, stackIndex } = this.getTopOfTheStack();
+    focusNext() {
         const list = this.getElementsList();
-        const nextIndex = stackElement.lastIndex - 1;
-        if (list[nextIndex]) {
-            list[nextIndex].focus();
-            __classPrivateFieldGet(this, _TabManager_stack, "f")[stackIndex].lastIndex = nextIndex;
+        if (list.length === 0) {
             return;
         }
-        // Othrwise
-        const nextEl = list[list.length - 1];
-        if (nextEl) {
-            __classPrivateFieldGet(this, _TabManager_stack, "f")[stackIndex].lastIndex = list.length - 1;
-            nextEl.focus();
+        const nextIndex = this.getCurrentIndex(list) + 1;
+        this.focusByIndex(list, nextIndex < list.length ? nextIndex : 0);
+    }
+    focusPrev() {
+        const list = this.getElementsList();
+        if (list.length === 0) {
             return;
         }
+        const prevIndex = this.getCurrentIndex(list) - 1;
+        this.focusByIndex(list, prevIndex >= 0 ? prevIndex : list.length - 1);
     }
 }
 _TabManager_stack = new WeakMap();

package/utils/spacing.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '@emotion/react';
+import type { ThemeSpacing } from '../ThemeProvider';
+/**
+ * A step of the theme spacing scale (`xs`…`xl`), any CSS length (`'0.75em'`, `'12px'`)
+ * or a number of pixels
+ */
+export type Spacing = ThemeSpacing | (string & {}) | number;
+/**
+ * Resolves the spacing to a CSS value
+ */
+export declare const resolveSpacing: (theme: Theme, value: Spacing) => string;

package/utils/spacing.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveSpacing = void 0;
+/**
+ * Resolves the spacing to a CSS value
+ */
+const resolveSpacing = (theme, value) => {
+    var _a;
+    if (typeof value === 'number') {
+        return `${value}px`;
+    }
+    return (_a = theme.spacing[value]) !== null && _a !== void 0 ? _a : value;
+};
+exports.resolveSpacing = resolveSpacing;

package/Autocomplete/OverrideMenuList.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { MenuListProps } from '../Menu';
-declare const OverrideMenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<HTMLDivElement>>;
-export default OverrideMenuList;

package/Autocomplete/OverrideMenuList.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_2 = require("@emotion/react");
-const Menu_1 = require("../Menu");
-const StyledMenuList = (0, styled_1.default)(Menu_1.MenuList) `
-  &:focus {
-    outline: none;
-  }
-
-  --border-color: ${({ theme }) => theme.isDark
-    ? theme.color.textPrimary.darken(100).toString()
-    : theme.color.textPrimary.lighten(150).toString()};
-
-  ${({ anchorPos, theme }) => anchorPos === 'top-fill' &&
-    (0, react_2.css) `
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0;
-      border: 1px solid var(--border-color);
-      border-bottom: 0;
-      box-shadow: 0 1em -1.5em ${theme.color.surface.darken(50).alpha(0.6).toString()};
-    `};
-
-  ${({ anchorPos, theme }) => anchorPos === 'bottom-fill' &&
-    (0, react_2.css) `
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-      border: 1px solid var(--border-color);
-      border-top: 0;
-      box-shadow: 0 1em 1.5em ${theme.color.surface.darken(50).alpha(0.6).toString()};
-    `};
-`;
-const OverrideMenuList = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(StyledMenuList, Object.assign({ "data-anch-po": props.anchorPos }, props, { ref: ref }))));
-OverrideMenuList.displayName = 'OverrideMenuList';
-exports.default = OverrideMenuList;

package/Autocomplete2/Autocomplete2.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-type Item = {
-    readonly id: string;
-    readonly label: string;
-};
-type Autocomplete2Props = {
-    readonly value: Item | null;
-    readonly items: readonly Item[];
-    readonly onChange: (value: Item | null) => void;
-};
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Autocomplete2Props & React.RefAttributes<HTMLDivElement>>>;
-export default _default;

package/Autocomplete2/Autocomplete2.js

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const Autocomplete2TextField_1 = __importDefault(require("./Autocomplete2TextField"));
-const Autocomplete2 = React.forwardRef((props, ref) => {
-    const { value, items, onChange } = props;
-    /**
-     * Get item ID
-     */
-    const getItemID = React.useCallback((item) => (item ? item.id : '<no-value-id>'), []);
-    const [valueID, setValueID] = React.useState(() => getItemID(value));
-    /**
-     * Filter items list by input value
-     */
-    const filterItems = React.useCallback((items, data) => {
-        const { query } = data;
-        return items.filter(item => item.label.toLocaleLowerCase().indexOf(query) !== -1);
-    }, []);
-    /**
-     * Input value
-     */
-    const [inputValue, setInputValue] = React.useState(() => {
-        if (!value) {
-            return '';
-        }
-        return value.label;
-    });
-    /**
-     * Filtered items
-     */
-    const [filteredItems, setFilteredItems] = React.useState(() => filterItems(items, { query: inputValue }));
-    /**
-     * Render filtered items list
-     */
-    const renderItems = React.useCallback(() => (React.createElement("ol", null, filteredItems.map(item => (React.createElement("li", { key: item.id, onClick: () => onChange(item) }, item.label))))), [filteredItems, onChange]);
-    /**
-     * onChange text field input
-     */
-    const handleInputChange = React.useCallback((input) => {
-        setInputValue(input);
-        setFilteredItems(filterItems(items, { query: input }));
-    }, [filterItems, items]);
-    /**
-     * value listener
-     */
-    React.useEffect(() => {
-        const newValueID = getItemID(value);
-        if (newValueID !== valueID) {
-            setValueID(newValueID);
-        }
-    }, [getItemID, inputValue, value, valueID]);
-    return (React.createElement("div", null,
-        React.createElement(Autocomplete2TextField_1.default, { ref: ref, value: inputValue, onChange: handleInputChange }),
-        renderItems()));
-});
-Autocomplete2.displayName = 'Autocomplete2';
-exports.default = React.memo(Autocomplete2);

package/Autocomplete2/Autocomplete2TextField.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-export type Autocomplete2TextFieldProps = {
-    readonly value: string;
-    readonly onChange: (value: string) => void;
-};
-declare const Autocomplete2TextField: React.ForwardRefExoticComponent<Autocomplete2TextFieldProps & React.RefAttributes<HTMLDivElement>>;
-export default Autocomplete2TextField;

package/Autocomplete2/index.d.ts

@@ -1,2 +0,0 @@
-import Autocomplete2 from "./Autocomplete2";
-export default Autocomplete2;

package/Autocomplete2/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Autocomplete2_1 = __importDefault(require("./Autocomplete2"));
-exports.default = Autocomplete2_1.default;

package/CountryFlags/SwiperOverview.d.ts

@@ -1,257 +0,0 @@
-import AC from './AC';
-import AD from './AD';
-import AE from './AE';
-import AF from './AF';
-import AG from './AG';
-import AI from './AI';
-import AL from './AL';
-import AM from './AM';
-import AO from './AO';
-import AQ from './AQ';
-import AR from './AR';
-import AS from './AS';
-import AT from './AT';
-import AU from './AU';
-import AW from './AW';
-import AX from './AX';
-import AZ from './AZ';
-import BA from './BA';
-import BB from './BB';
-import BD from './BD';
-import BE from './BE';
-import BF from './BF';
-import BG from './BG';
-import BH from './BH';
-import BI from './BI';
-import BJ from './BJ';
-import BL from './BL';
-import BM from './BM';
-import BN from './BN';
-import BO from './BO';
-import BQ from './BQ';
-import BR from './BR';
-import BS from './BS';
-import BT from './BT';
-import BV from './BV';
-import BW from './BW';
-import BY from './BY';
-import BZ from './BZ';
-import CA from './CA';
-import CC from './CC';
-import CD from './CD';
-import CF from './CF';
-import CG from './CG';
-import CH from './CH';
-import CI from './CI';
-import CK from './CK';
-import CL from './CL';
-import CM from './CM';
-import CN from './CN';
-import CO from './CO';
-import CR from './CR';
-import CU from './CU';
-import CV from './CV';
-import CW from './CW';
-import CX from './CX';
-import CY from './CY';
-import CZ from './CZ';
-import DE from './DE';
-import DJ from './DJ';
-import DK from './DK';
-import DM from './DM';
-import DO from './DO';
-import DZ from './DZ';
-import EC from './EC';
-import EE from './EE';
-import EG from './EG';
-import EH from './EH';
-import ER from './ER';
-import ES from './ES';
-import ET from './ET';
-import EU from './EU';
-import FI from './FI';
-import FJ from './FJ';
-import FK from './FK';
-import FM from './FM';
-import FO from './FO';
-import FR from './FR';
-import GA from './GA';
-import GB from './GB';
-import GD from './GD';
-import GEAB from './GEAB';
-import GEOS from './GEOS';
-import GE from './GE';
-import GF from './GF';
-import GG from './GG';
-import GH from './GH';
-import GI from './GI';
-import GL from './GL';
-import GM from './GM';
-import GN from './GN';
-import GP from './GP';
-import GQ from './GQ';
-import GR from './GR';
-import GS from './GS';
-import GT from './GT';
-import GU from './GU';
-import GW from './GW';
-import GY from './GY';
-import HK from './HK';
-import HM from './HM';
-import HN from './HN';
-import HR from './HR';
-import HT from './HT';
-import HU from './HU';
-import IC from './IC';
-import ID from './ID';
-import IE from './IE';
-import IL from './IL';
-import IM from './IM';
-import IN from './IN';
-import IO from './IO';
-import IQ from './IQ';
-import IR from './IR';
-import IS from './IS';
-import IT from './IT';
-import JE from './JE';
-import JM from './JM';
-import JO from './JO';
-import JP from './JP';
-import KE from './KE';
-import KG from './KG';
-import KH from './KH';
-import KI from './KI';
-import KM from './KM';
-import KN from './KN';
-import KP from './KP';
-import KR from './KR';
-import KW from './KW';
-import KY from './KY';
-import KZ from './KZ';
-import LA from './LA';
-import LB from './LB';
-import LC from './LC';
-import LI from './LI';
-import LK from './LK';
-import LR from './LR';
-import LS from './LS';
-import LT from './LT';
-import LU from './LU';
-import LV from './LV';
-import LY from './LY';
-import MA from './MA';
-import MC from './MC';
-import MD from './MD';
-import ME from './ME';
-import MF from './MF';
-import MG from './MG';
-import MH from './MH';
-import MK from './MK';
-import ML from './ML';
-import MM from './MM';
-import MN from './MN';
-import MO from './MO';
-import MP from './MP';
-import MQ from './MQ';
-import MR from './MR';
-import MS from './MS';
-import MT from './MT';
-import MU from './MU';
-import MV from './MV';
-import MW from './MW';
-import MX from './MX';
-import MY from './MY';
-import MZ from './MZ';
-import NA from './NA';
-import NC from './NC';
-import NE from './NE';
-import NF from './NF';
-import NG from './NG';
-import NI from './NI';
-import NL from './NL';
-import NO from './NO';
-import NP from './NP';
-import NR from './NR';
-import NU from './NU';
-import NZ from './NZ';
-import OM from './OM';
-import PA from './PA';
-import PE from './PE';
-import PF from './PF';
-import PG from './PG';
-import PH from './PH';
-import PK from './PK';
-import PL from './PL';
-import PM from './PM';
-import PN from './PN';
-import PR from './PR';
-import PS from './PS';
-import PT from './PT';
-import PW from './PW';
-import PY from './PY';
-import QA from './QA';
-import RE from './RE';
-import RO from './RO';
-import RS from './RS';
-import RU from './RU';
-import RW from './RW';
-import SA from './SA';
-import SB from './SB';
-import SC from './SC';
-import SD from './SD';
-import SE from './SE';
-import SG from './SG';
-import SH from './SH';
-import SI from './SI';
-import SJ from './SJ';
-import SK from './SK';
-import SL from './SL';
-import SM from './SM';
-import SN from './SN';
-import SO from './SO';
-import SR from './SR';
-import SS from './SS';
-import ST from './ST';
-import SV from './SV';
-import SX from './SX';
-import SY from './SY';
-import SZ from './SZ';
-import TA from './TA';
-import TC from './TC';
-import TD from './TD';
-import TF from './TF';
-import TG from './TG';
-import TH from './TH';
-import TJ from './TJ';
-import TK from './TK';
-import TL from './TL';
-import TM from './TM';
-import TN from './TN';
-import TO from './TO';
-import TR from './TR';
-import TT from './TT';
-import TV from './TV';
-import TW from './TW';
-import TZ from './TZ';
-import UA from './UA';
-import UG from './UG';
-import UM from './UM';
-import US from './US';
-import UY from './UY';
-import UZ from './UZ';
-import VA from './VA';
-import VC from './VC';
-import VE from './VE';
-import VG from './VG';
-import VI from './VI';
-import VN from './VN';
-import VU from './VU';
-import WF from './WF';
-import WS from './WS';
-import XK from './XK';
-import YE from './YE';
-import YT from './YT';
-import ZA from './ZA';
-import ZM from './ZM';
-import ZW from './ZW';
-export { AC, AD, AE, AF, AG, AI, AL, AM, AO, AQ, AR, AS, AT, AU, AW, AX, AZ, BA, BB, BD, BE, BF, BG, BH, BI, BJ, BL, BM, BN, BO, BQ, BR, BS, BT, BV, BW, BY, BZ, CA, CC, CD, CF, CG, CH, CI, CK, CL, CM, CN, CO, CR, CU, CV, CW, CX, CY, CZ, DE, DJ, DK, DM, DO, DZ, EC, EE, EG, EH, ER, ES, ET, EU, FI, FJ, FK, FM, FO, FR, GA, GB, GD, GEAB, GEOS, GE, GF, GG, GH, GI, GL, GM, GN, GP, GQ, GR, GS, GT, GU, GW, GY, HK, HM, HN, HR, HT, HU, IC, ID, IE, IL, IM, IN, IO, IQ, IR, IS, IT, JE, JM, JO, JP, KE, KG, KH, KI, KM, KN, KP, KR, KW, KY, KZ, LA, LB, LC, LI, LK, LR, LS, LT, LU, LV, LY, MA, MC, MD, ME, MF, MG, MH, MK, ML, MM, MN, MO, MP, MQ, MR, MS, MT, MU, MV, MW, MX, MY, MZ, NA, NC, NE, NF, NG, NI, NL, NO, NP, NR, NU, NZ, OM, PA, PE, PF, PG, PH, PK, PL, PM, PN, PR, PS, PT, PW, PY, QA, RE, RO, RS, RU, RW, SA, SB, SC, SD, SE, SG, SH, SI, SJ, SK, SL, SM, SN, SO, SR, SS, ST, SV, SX, SY, SZ, TA, TC, TD, TF, TG, TH, TJ, TK, TL, TM, TN, TO, TR, TT, TV, TW, TZ, UA, UG, UM, US, UY, UZ, VA, VC, VE, VG, VI, VN, VU, WF, WS, XK, YE, YT, ZA, ZM, ZW, };