@steroidsjs/core 2.0.0-rc.6 → 2.0.1-beta.112

package/utils/text.ts

@@ -0,0 +1,82 @@
+import _orderBy from 'lodash-es/orderBy';
+
+const stringToWords = str => {
+    let words = [];
+    String(str).split(' ').forEach(strItem => {
+        words = words.concat(strItem.match(/^[^\p{Lu}]+/u));
+        words = words.concat(strItem.match(/[\p{Lu}][^\p{Lu}]*/gu));
+        words.push(' ');
+    });
+    words.pop();
+    return words.filter(Boolean);
+}
+
+export const smartSearch = (query, sourceItems) => {
+    if (!query) {
+        return sourceItems;
+    }
+    const queryCharacters = query.split('');
+    // Match
+    let items = sourceItems.filter(item => {
+        const id = item.id;
+        const words = stringToWords(item.label || '');
+        if (words.length === 0 || !id) {
+            return false;
+        }
+        let word = null;
+        let highlighted = [['', false]];
+        let index = 0;
+        let wordIndex = 0;
+        let wordChar = null;
+        let wordCharIndex = 0;
+        while (true) {
+            const char = queryCharacters[index];
+            if (!char) {
+                highlighted.push([
+                    word.substr(wordCharIndex) + words.slice(wordIndex + 1).join(''),
+                    false
+                ]);
+                break;
+            }
+            word = words[wordIndex];
+            wordChar = (word && word.split('')[wordCharIndex]) || '';
+            if (!word) {
+                highlighted = [];
+                break;
+            }
+            const isMatch = !char.match(/[\p{Lu}]/u)
+                ? wordChar.toLowerCase() === char.toLowerCase()
+                : wordChar === char;
+            if (isMatch) {
+                index++;
+                wordCharIndex++;
+                highlighted[highlighted.length - 1][0] += wordChar;
+                highlighted[highlighted.length - 1][1] = true;
+            } else {
+                highlighted.push([word.substr(wordCharIndex), false]);
+                highlighted.push(['', false]);
+                wordIndex++;
+                wordCharIndex = 0;
+            }
+        }
+        highlighted = highlighted.filter(item => !!item[0]);
+        if (highlighted.findIndex(item => item[1]) !== -1) {
+            item.labelHighlighted = highlighted;
+            return true;
+        }
+        return false;
+    });
+    items = _orderBy(
+        items,
+        item => {
+            // Fined first word is priority
+            if (item.labelHighlighted) {
+                return item.labelHighlighted.findIndex(i => i[1]);
+            }
+            return Infinity;
+        },
+        'asc'
+    );
+
+    return items;
+};

package/.babelrc.json

@@ -1,34 +0,0 @@
-{
-  "plugins": [
-    [
-      "@babel/plugin-proposal-decorators",
-      {
-        "legacy": true
-      }
-    ],
-    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-syntax-dynamic-import",
-    "@babel/plugin-transform-modules-commonjs",
-    "@babel/plugin-transform-runtime"
-  ],
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "browsers": "last 2 versions, Android >= 4, safari >= 7, ios_saf >= 8, chrome >= 52"
-        },
-        "corejs": "^3.0.1",
-        "useBuiltIns": "entry"
-      }
-    ],
-    "@babel/preset-react",
-    [
-      "@babel/preset-typescript",
-      {
-        "isTSX": true,
-        "allExtensions": true
-      }
-    ]
-  ]
-}

package/.eslintrc

@@ -1,85 +0,0 @@
-{
-  "extends": [
-    "eslint:recommended",
-    "airbnb",
-    "airbnb/hooks",
-    "plugin:@typescript-eslint/recommended"
-  ],
-  "globals": {
-    "__": true
-  },
-  "parser": "@typescript-eslint/parser",
-  "env": {
-    "browser": true,
-    "node": true,
-    "es6": true
-  },
-  "rules": {
-    "indent": [
-      "warn",
-      4,
-      {
-        "SwitchCase": 1
-      }
-    ],
-    "arrow-parens": "off",
-    "object-curly-spacing": "off",
-    "spaced-comment": "off",
-    "no-confusing-arrow": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "prefer-destructuring": "off",
-    "react/destructuring-assignment": "off",
-    "react/jsx-props-no-spreading": "off",
-    "import/extensions": "off",
-    "import/no-unresolved": "off",
-    "no-use-before-define": "off",
-    "@typescript-eslint/no-use-before-define": ["error"],
-    "no-nested-ternary": "off",
-    "no-param-reassign": "off",
-    "jsx-quotes": ["error", "prefer-single"],
-    "@typescript-eslint/no-var-requires": "off",
-    "global-require": "off",
-    "no-underscore-dangle": "off",
-    "react/no-array-index-key": "off",
-    "no-alert": "off",
-    "object-curly-newline": "off",
-    "react/button-has-type": "off",
-    "prefer-template": "off",
-    "react/require-default-props": "off",
-    "import/no-extraneous-dependencies": ["error", {"devDependencies": ["**/*.test.ts", "**/*.test.tsx"]}],
-    "react-hooks/exhaustive-deps": ["warn", {
-      "additionalHooks": "^use(Async|AsyncFn|AsyncRetry|Debounce|UpdateEffect|IsomorphicLayoutEffect|DeepCompareEffect|ShallowCompareEffect)$"
-    }],
-    "react/jsx-indent": [
-      "error",
-      4
-    ],
-    "react/jsx-indent-props": [
-      "error",
-      4
-    ],
-    "react/jsx-filename-extension": [
-      "error",
-      {
-        "extensions": [
-          ".jsx",
-          ".tsx"
-        ]
-      }
-    ],
-    "max-len": [
-      "error",
-      {
-        "code": 120,
-        "tabWidth": 4
-      }
-    ],
-    "linebreak-style": ["error", "windows"]
-  },
-  "parserOptions": {
-    "ecmaFeatures": {
-      "legacyDecorators": true
-    }
-  }
-}

package/.github/workflows/publish.yml

@@ -1,17 +0,0 @@
-name: NPM Publish
-on: push
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v1
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 10
-      - run: yarn
-      - run: yarn build
-      - run: npm test
-      - uses: JS-DevTools/npm-publish@v1
-        with:
-          package: ./dist/package.json
-          token: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/test.yml

@@ -1,15 +0,0 @@
-name: Test
-on: push
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/checkout@v2
-        with:
-          repository: steroids/react-bootstrap
-          ref: hooks
-          path: react-bootstrap
-      - run: yarn
-      - run: cd react-bootstrap && yarn
-      - run: yarn test

package/dist/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Kozhin Development
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/README.md

@@ -1 +0,0 @@
-# Steroids

package/dist/components/social/index.d.ts

@@ -1,11 +0,0 @@
-import facebook from './FacebookProvider';
-import google from './GoogleProvider';
-import steam from './SteamProvider';
-import vk from './VkProvider';
-declare const _default: {
-    facebook: typeof facebook;
-    google: typeof google;
-    steam: typeof steam;
-    vk: typeof vk;
-};
-export default _default;

package/dist/components/social/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var FacebookProvider_1 = __importDefault(require("./FacebookProvider"));
-var GoogleProvider_1 = __importDefault(require("./GoogleProvider"));
-var SteamProvider_1 = __importDefault(require("./SteamProvider"));
-var VkProvider_1 = __importDefault(require("./VkProvider"));
-exports["default"] = {
-    facebook: FacebookProvider_1["default"],
-    google: GoogleProvider_1["default"],
-    steam: SteamProvider_1["default"],
-    vk: VkProvider_1["default"]
-};

package/dist/index.d.ts

@@ -1,89 +0,0 @@
-declare module '*.json' {
-    const value: any;
-    export default value;
-}
-
-declare module '*.svg' {
-    const content: string;
-    export default content;
-}
-
-declare module '*.png' {
-    const content: string;
-    export default content;
-}
-
-/**
- * Метод для локализации фраз и предложений
- * @example {__('{count} {count, plural, one{день} few{дня} many{дней}}', {count: 2})}
- * @param {string} phrase
- * @param {object} params
- * @private
- */
-declare function __(phrase: string, params?: any): string;
-
-/**
- * Название цвета, соответствующее ему состоянию
- */
-declare type ColorName =
-    'primary'
-    | 'secondary'
-    | 'success'
-    | 'info'
-    | 'warning'
-    | 'danger'
-    | 'light'
-    | 'dark'
-    | string;
-
-/**
- * Уникальный ключ. ID, UUID или другое
- */
-declare type PrimaryKey = number | string;
-
-/**
- * Размер элемента
- */
-declare type Size = 'sm' | 'md' | 'lg' | string;
-
-/**
- * Макет формы или ее части, влияющий на расположение полей
- */
-declare type FormLayoutName = 'default' | 'horizontal' | 'inline' | string;
-
-/**
- * Свойства для настройки макета формы
- */
-declare type FormLayout = FormLayoutName | boolean | {
-    layout: FormLayoutName | boolean,
-    className?: string,
-    label?: boolean,
-    cols?: number[],
-    [key: string]: any,
-};
-
-/**
- * Объект из свойства `input` от redux-form
- */
-declare type FormInputType = {
-    name?: string,
-    value?: any,
-    onChange?: (...args: any[]) => any,
-};
-
-/**
- * Дополнительные CSS классы
- * @example my-block
- */
-declare type CssClassName = string;
-
-/**
- * Переопределение view React компонента для кастомизации отображения
- * @example MyCustomView
- */
-declare type CustomView = React.ReactNode;
-
-/**
- * HTTP метод
- */
-declare type HttpMethod = 'get' | 'post' | 'put' | 'delete' | string;

package/dist/package.json

@@ -1,88 +0,0 @@
-{
-  "name": "@steroidsjs/core",
-  "version": "2.0.0-rc.6",
-  "description": "",
-  "author": "Vladimir Kozhin <hello@kozhindev.com>",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/steroids/react"
-  },
-  "main": "dist/index.ts",
-  "types": "dist/index.d.ts",
-  "exports": {
-    "./": "./dist"
-  },
-  "license": "MIT",
-  "homepage": "https://github.com/steroids/react",
-  "bugs": {
-    "url": "https://github.com/steroids/react/issues"
-  },
-  "scripts": {
-    "docs": "typedoc --ignoreCompilerErrors --json typedoc.json .",
-    "test": "jest",
-    "build": "pwd && tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/"
-  },
-  "dependencies": {
-    "axios": "^0.21.1",
-    "conditional-decorator": "^0.1.7",
-    "connected-react-router": "^6.9.1",
-    "domready": "^1.0.8",
-    "dot-prop-immutable": "^2.1.0",
-    "fileup-core": "^1.2.0",
-    "fileup-redux": "^1.1.3",
-    "history": "^4.10.1",
-    "intl-messageformat": "^2.2.0",
-    "js-cookie": "^2.2.1",
-    "load-js": "^3.0.3",
-    "lodash": "^4.17.21",
-    "lodash-es": "^4.17.21",
-    "moment": "^2.29.1",
-    "path-to-regexp": "^6.2.0",
-    "qs": "^6.9.4",
-    "query-string": "^6.14.0",
-    "react": "^17.0.2",
-    "react-click-outside": "^3.0.1",
-    "react-day-picker": "^7.4.8",
-    "react-dom": "^17.0.2",
-    "react-grid-gallery": "^0.4.8",
-    "react-input-mask": "^3.0.0-alpha.2",
-    "react-redux": "^7.1.1",
-    "react-router": "^5.2.0",
-    "react-router-dom": "^5.2.0",
-    "react-use": "^17.1.0",
-    "redux": "^4.0.4",
-    "redux-form": "^8.2.6",
-    "redux-mock-store": "^1.5.4"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.13.14",
-    "@babel/core": "^7.13.15",
-    "@babel/preset-env": "^7.13.15",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
-    "@types/enzyme": "^3.10.8",
-    "@types/jest": "^26.0.22",
-    "@types/markdown-to-jsx": "^6.11.3",
-    "@types/reach__router": "^1.3.7",
-    "@types/react": "^17.0.2",
-    "@types/react-color": "^3.0.4",
-    "@types/react-redux": "^7.1.16",
-    "@types/enzyme-adapter-react-16": "^1.0.6",
-    "@types/react-syntax-highlighter": "^13.5.0",
-    "@types/webpack-env": "^1.16.0",
-    "@typescript-eslint/eslint-plugin": "^4.15.0",
-    "@typescript-eslint/parser": "^4.15.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.4.1",
-    "enzyme": "^3.11.0",
-    "eslint": "^7.20.0",
-    "eslint-config-airbnb": "18.2.1",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^1.7.0",
-    "jest": "^26.6.3",
-    "jest-enzyme": "^7.1.2",
-    "ts-jest": "^26.5.1",
-    "typescript": "^4.1.3"
-  }
-}

package/dist/ui/crud/Crud/CrudForm.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ICrudChildrenProps } from './Crud';
-export default function CrudForm(props: ICrudChildrenProps): JSX.Element;

package/dist/ui/crud/Crud/CrudForm.js

@@ -1,49 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var notifications_1 = require("../../../actions/notifications");
-var Form_1 = __importDefault(require("../../form/Form/Form"));
-var Crud_1 = require("./Crud");
-function CrudForm(props) {
-    return (React.createElement(Form_1["default"], __assign({ formId: Crud_1.getCrudFormId(props), action: [props.restUrl, props.itemId].filter(Boolean).join('/'), model: props.model, autoFocus: true, submitLabel: props.itemId ? __('Сохранить') : __('Добавить'), layout: 'horizontal', onComplete: function () {
-            window.scrollTo(0, 0);
-            props.dispatch(notifications_1.showNotification(__('Запись успешно обновлена.')));
-            if (props.onComplete) {
-                props.onComplete();
-            }
-        } }, props.form, { initialValues: __assign(__assign({}, props.form.initialValues), props.item) })));
-}
-exports["default"] = CrudForm;

package/dist/ui/crud/Crud/CrudGrid.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ICrudChildrenProps } from './Crud';
-export default function CrudGrid(props: ICrudChildrenProps): JSX.Element;

package/dist/ui/crud/Crud/CrudGrid.js

@@ -1,46 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Grid_1 = __importDefault(require("../../list/Grid"));
-var Crud_1 = require("./Crud");
-function CrudGrid(props) {
-    return (React.createElement(Grid_1["default"], __assign({ listId: Crud_1.getCrudGridId(props), action: props.restUrl, scope: ['model', 'permission'], primaryKey: props.primaryKey, model: props.model, 
-        //searchModel={props.searchModel}
-        controls: props.controlsGetter, columns: [props.primaryKey], pagination: {
-            loadMore: false
-        } }, props.grid)));
-}
-exports["default"] = CrudGrid;

package/dist/ui/form/DateTimeField/demo/sizes.d.ts

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

package/dist/ui/form/DateTimeField/demo/sizes.js

@@ -1,34 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateTimeField_1 = __importDefault(require("../DateTimeField"));
-var sizes = {
-    sm: 'Small',
-    md: 'Middle',
-    lg: 'Large'
-};
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { className: 'row mb-4' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
-        React.createElement(DateTimeField_1["default"], { label: size, size: size }))); })))); });

package/dist/ui/form/FieldLayout/demo/default.d.ts

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

package/dist/ui/form/FieldLayout/demo/default.js

@@ -1,28 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var InputField_1 = __importDefault(require("../../InputField"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(InputField_1["default"], { label: 'Default', layout: 'default' }))); });

package/dist/ui/form/FieldLayout/demo/hint.d.ts

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