not-bulma 1.0.43 → 1.0.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",
@@ -55,82 +55,82 @@
   "homepage": "https://github.com/interrupter/not-bulma#readme",
   "dependencies": {
     "babel-polyfill": "^6.26.0",
-    "bulma": "^0.9.3",
+    "bulma": "^0.9.4",
     "bulma-pageloader": "*",
     "bulma-switch": "^2.0.4",
-    "core-js": "^3.21.1",
-    "mocha": "^9.2.2",
-    "not-path": "^1.0.1",
-    "not-validation": "^0.0.7",
-    "regenerator-runtime": "^0.13.9",
+    "core-js": "^3.27.2",
+    "mocha": "^10.2.0",
+    "not-path": "^1.0.4",
+    "not-validation": "^0.0.8",
+    "regenerator-runtime": "^0.13.11",
     "simple-svelte-autocomplete": "*",
     "wolfy87-eventemitter": "^5.2.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-private-methods": "^7.16.11",
-    "@babel/plugin-transform-arrow-functions": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@cypress/code-coverage": "^3.9.12",
-    "autoprefixer": "^10.4.4",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-transform-arrow-functions": "^7.20.7",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.20.2",
+    "@cypress/code-coverage": "^3.10.0",
+    "autoprefixer": "^10.4.13",
     "babel-cli": "^6.26.0",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.4",
+    "babel-loader": "^9.1.2",
     "babel-plugin-istanbul": "^6.1.1",
     "connect-mongo": "^4.6.0",
     "connect-mongodb-session": "^3.1.1",
     "cors": "^2.8.5",
     "cypress": "*",
-    "eslint": "^8.12.0",
-    "eslint-plugin-storybook": "^0.5.7",
-    "eslint-plugin-svelte3": "^3.4.1",
-    "express": "^4.17.3",
-    "express-fileupload": "^1.3.1",
-    "express-session": "^1.17.2",
-    "helmet": "^5.0.2",
+    "eslint": "^8.33.0",
+    "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "express": "^4.18.2",
+    "express-fileupload": "^1.4.0",
+    "express-session": "^1.17.3",
+    "helmet": "^6.0.1",
     "ink-docstrap": "^1.3.2",
-    "ioredis": "^5.0.3",
+    "ioredis": "^5.3.0",
     "istanbul": "^0.4.5",
     "istanbul-lib-coverage": "^3.2.0",
     "method-override": "^3.0.0",
-    "mongodb-memory-server": "^8.4.2",
-    "mongoose": "^6.2.9",
-    "node-sass": "^7.0.1",
+    "mongodb-memory-server": "^8.11.4",
+    "mongoose": "^6.9.0",
+    "node-sass": "^8.0.0",
     "not-config": "^0.1.5",
-    "not-error": "^0.2.5",
-    "not-inform": "^0.0.27",
-    "not-key": "0.0.54",
-    "not-locale": "^0.0.20",
+    "not-error": "^0.2.9",
+    "not-inform": "^0.0.28",
+    "not-key": "0.0.64",
+    "not-locale": "^0.0.22",
     "not-log": "0.0.20",
-    "not-node": "^5.0.1",
-    "not-options": "^0.1.40",
-    "not-user": "^0.2.89",
-    "not-ws": "0.1.17",
+    "not-node": "^6.1.9",
+    "not-options": "^0.2.0",
+    "not-user": "^0.2.131",
+    "not-ws": "0.1.19",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
-    "postcss-cli": "^9.1.0",
+    "postcss-cli": "^10.1.0",
     "pug-cli": "^1.0.0-alpha6",
-    "redis": "^4.0.6",
-    "rollup": "^2.70.1",
+    "redis": "^4.6.4",
+    "rollup": "^3.12.1",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-eslint": "^7.0.0",
     "rollup-plugin-filesize": "^9.1.2",
-    "rollup-plugin-istanbul": "^3.0.0",
+    "rollup-plugin-istanbul": "^4.0.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-sass": "^1.2.12",
-    "rollup-plugin-sizes": "^1.0.4",
+    "rollup-plugin-sass": "^1.12.17",
+    "rollup-plugin-sizes": "^1.0.5",
     "rollup-plugin-svelte": "^7.1.0",
-    "sass": "^1.49.11",
-    "sass-loader": "^12.6.0",
-    "serve": "^13.0.2",
-    "simple-svelte-autocomplete": "^2.3.9",
-    "svelte": "^3.46.6",
-    "svelte-loader": "^3.1.2",
-    "terser": "^5.12.1"
+    "sass": "^1.58.0",
+    "sass-loader": "^13.2.0",
+    "serve": "^14.2.0",
+    "simple-svelte-autocomplete": "^2.5.1",
+    "svelte": "^3.55.1",
+    "svelte-loader": "^3.1.5",
+    "terser": "^5.16.2"
   },
   "nyc": {
     "include": [
@@ -170,4 +170,4 @@
       ]
     }
   }
-}
+}

package/src/frame/components/table/notTableCell.svelte

@@ -1,73 +1,70 @@
 <script>
-  import notPath from 'not-path';
-  import {
-    onMount
-  } from 'svelte';
+    import notPath from "not-path";
+    import { onMount } from "svelte";
 
-  let title = '';
+    let title = "";
 
-  onMount(() => {
-    if (typeof field.type === 'undefined') {
-      title = notPath.get(field.path, item, helpers);
-    }
-  });
+    onMount(() => {
+        if (typeof field.type === "undefined") {
+            title = notPath.get(field.path, item, helpers);
+        }
+    });
 
-  import notCommon from '../../common';
+    import notCommon from "../../common";
 
-  import {
-    LOCALE
-  } from '../../../locale';
+    import { LOCALE } from "../../../locale";
 
-  import UIButtons from '../../../elements/button/ui.buttons.svelte';
-  import UILinks from '../../../elements/link/ui.links.svelte';
-  import UIImages from '../../../elements/image/ui.images.svelte';
-  import UIBooleans from '../../../elements/various/ui.booleans.svelte';
+    import UIButtons from "../../../elements/button/ui.buttons.svelte";
+    import UILinks from "../../../elements/link/ui.links.svelte";
+    import UIImages from "../../../elements/image/ui.images.svelte";
+    import UIBooleans from "../../../elements/various/ui.booleans.svelte";
 
-  import TableSwitch from './controls/ui.switch.svelte';
-  import TableTags from './controls/ui.tags.svelte';
+    import TableSwitch from "./controls/ui.switch.svelte";
+    import TableTags from "./controls/ui.tags.svelte";
 
-  export let getItemId = item => item._id;
-  export let field = {};
-  export let item = {};
-  export let helpers = {};
+    export let getItemId = (item) => item._id;
+    export let field = {};
+    export let item = {};
+    export let helpers = {};
 </script>
 
-<td class="{field.hideOnMobile?'is-hidden-touch':''}" {title}>
-  {#if field.type === 'link' }
-  <UILinks values={ notPath.get(field.path, item, helpers) } />
-  {:else if field.type === 'button' }
-  <UIButtons values={ notPath.get(field.path, item, helpers) } />
-  {:else if field.type === 'image' }
-  <UIImages values={ notPath.get(field.path, item, helpers) } />
-  {:else if field.type === 'boolean' }
-  <UIBooleans values={ notPath.get(field.path, item, helpers) } />
-  {:else if field.type === 'tag' }
-  <TableTags values={ notPath.get(field.path, item, helpers) } />
-  {:else if field.type === 'switch' }
-  <TableSwitch
-    id={getItemId(item)}
-    fieldname={field.path}
-    on:change="{field.onChange}"
-    value={ notPath.get(field.path, item, helpers) }
-    disabled={field.disabled}
-    readonly={field.readonly}
-    />
-  {:else if field.type === 'component' }
-  <svelte:component
-    id={getItemId(item)}
-    this={field.component}
-    on:change="{field.onChange}"
-    fieldname={field.path}
-    disabled={field.disabled}
-    readonly={field.readonly}
-    value={ notPath.get(field.path, item, helpers) }
-    {...field.options}
-    />
-  {:else}
-  {#if !isNaN(field.maxLength) && field.maxLength }
-  {notCommon.strLengthCap(notPath.get(field.path, item, helpers), field.maxLength)}
-  {:else}
-  {$LOCALE[notPath.get(field.path, item, helpers)]}
-  {/if}
-  {/if}
+<td class={field.hideOnMobile ? "is-hidden-touch" : ""} {title}>
+    {#if field.type === "link"}
+        <UILinks values={notPath.get(field.path, item, helpers)} />
+    {:else if field.type === "button"}
+        <UIButtons values={notPath.get(field.path, item, helpers)} />
+    {:else if field.type === "image"}
+        <UIImages values={notPath.get(field.path, item, helpers)} />
+    {:else if field.type === "boolean"}
+        <UIBooleans values={notPath.get(field.path, item, helpers)} />
+    {:else if field.type === "tag"}
+        <TableTags values={notPath.get(field.path, item, helpers)} />
+    {:else if field.type === "switch"}
+        <TableSwitch
+            id={getItemId(item)}
+            fieldname={field.path}
+            on:change={field.onChange}
+            value={notPath.get(field.path, item, helpers)}
+            disabled={field.disabled}
+            readonly={field.readonly}
+        />
+    {:else if field.type === "component"}
+        <svelte:component
+            this={field.component}
+            id={getItemId(item)}
+            on:change={field.onChange}
+            fieldname={field.path}
+            disabled={field.disabled}
+            readonly={field.readonly}
+            value={notPath.get(field.path, item, helpers)}
+            {...field.options}
+        />
+    {:else if field && typeof field !== "undefined" && !isNaN(field.maxLength) && field.maxLength}
+        {notCommon.strLengthCap(
+            notPath.get(field.path, item, helpers),
+            field.maxLength
+        )}
+    {:else}
+        {$LOCALE[notPath.get(field.path, item, helpers)]}
+    {/if}
 </td>

package/src/frame/index.js

@@ -3,67 +3,71 @@
 /*
   Common functions
 */
-import notCommon from './common.js';
+import notCommon from "./common.js";
 
 /*
   framework wide parser for data access
 */
-import notPath from 'not-path';
+import notPath from "not-path";
 
+import notRouter from "./router.js";
 
-import notRouter from './router.js';
-
-import * as notAPI from './api';
+import * as notAPI from "./api";
+import * as notStores from "./stores";
 /*
   basic event handlers and core data modifiers
 */
-import notBase from './base.js';
+import notBase from "./base.js";
 
-import {COMPONENTS, FIELDS, VARIANTS} from './LIB.js';
+import { COMPONENTS, FIELDS, VARIANTS } from "./LIB.js";
 /*
   application main infrastructure setter
 */
-import notApp from './app.js';
+import notApp from "./app.js";
 /*
   user controllers
 */
-import notController from './controller.js';
-import notRecord from './record.js'; //  wrapper for data with server live interactions
-import notInterface from './interface.js'; //  wrapper for data with server live interactions
+import notController from "./controller.js";
+import notRecord from "./record.js"; //  wrapper for data with server live interactions
+import notInterface from "./interface.js"; //  wrapper for data with server live interactions
 
 import {
-  notTable,
-  UIForm,
-  notForm,
-  notFormSet,
-  notFormUtils,
-  notBreadcrumbs,
-  notTopMenu,
-  notSideMenu
-} from './components';
+    notTable,
+    UIForm,
+    notForm,
+    notFormSet,
+    notFormUtils,
+    notBreadcrumbs,
+    notTopMenu,
+    notSideMenu,
+} from "./components";
 
-import notCRUD from './crud/controller.crud.js';
+import notCRUD from "./crud/controller.crud.js";
 
 const ncCRUD = notCRUD; //legacy alias
 
 export {
-  notCommon,
-  notPath,
-  notController,
-  notBase,
-  notRouter,
-  notRecord,
-  notInterface,
-  notApp,
-  notAPI,
-  notCRUD, ncCRUD,
-  COMPONENTS, FIELDS, VARIANTS,
-  notTable,
-  UIForm,
-  notForm,
-  notFormSet,
-  notFormUtils,
-  notBreadcrumbs,
-  notTopMenu,
-  notSideMenu
+    notCommon,
+    notPath,
+    notController,
+    notBase,
+    notRouter,
+    notRecord,
+    notInterface,
+    notApp,
+    notAPI,
+    notStores,
+    notCRUD,
+    ncCRUD,
+    COMPONENTS,
+    FIELDS,
+    VARIANTS,
+    notTable,
+    UIForm,
+    notForm,
+    notFormSet,
+    notFormUtils,
+    notBreadcrumbs,
+    notTopMenu,
+    notSideMenu,
 };

package/src/frame/stores.js

@@ -0,0 +1,56 @@
+import { writable } from "svelte/store";
+
+const ALL = {};
+
+function exist(key) {
+    return Object.hasOwn(ALL, key);
+}
+
+function get(key) {
+    if (exist(key)) {
+        return ALL[key];
+    } else {
+        return false;
+    }
+}
+
+function create(
+    key,
+    props = {
+        raw: [],
+        filtered: [],
+        selected: {},
+    }
+) {
+    if (!exist(key)) {
+        if (Object.keys(props).length > 0) {
+            ALL[key] = {};
+            Object.keys(props).forEach((name) => {
+                ALL[key][name] = writable(props[name]);
+            });
+        } else {
+            throw new Error("store's props wasn't specified");
+        }
+    }
+    return ALL[key];
+}
+
+/**
+ * Creates object that is fake Store
+ * Some time this is useful when you need to initialize local var,
+ * before you could get actual Stores from central storage by its ID
+ *	@params {mixed} val 	data of type that is actual storage will contain
+ * @returns {Object}
+ */
+
+function fake(val) {
+    return {
+        subscribe(f) {
+            f(val);
+            return () => {};
+        },
+        set() {},
+    };
+}
+
+export { create, get, fake };