react-ui-basics 0.0.209 → 0.0.210

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.209",
+  "version": "0.0.210",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",
@@ -34,29 +34,29 @@
     "postinstall": "",
     "clean": "rm -rf build && mkdir build",
     "dist": "NODE_OPTIONS=--openssl-legacy-provider npm-run-all clean build build-storybook && cd build && npm publish",
-    "storybook": "start-storybook -p 9009 -s public",
-    "build-storybook": "build-storybook -c .storybook -o docs"
+    "storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 9009 -s public",
+    "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -c .storybook -o docs"
   },
   "author": "wizzardo",
   "homepage": "https://github.com/wizzardo/react-ui-basics",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.19.6",
-    "@babel/plugin-external-helpers": "^7.18.6",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.19.6",
-    "@babel/plugin-proposal-do-expressions": "^7.18.6",
-    "@babel/plugin-proposal-export-default-from": "^7.18.10",
-    "@babel/plugin-proposal-function-bind": "^7.18.9",
-    "@babel/plugin-proposal-logical-assignment-operators": "^7.18.9",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
-    "@babel/plugin-proposal-pipeline-operator": "^7.18.9",
-    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/core": "7.23.0",
+    "@babel/plugin-external-helpers": "7.22.5",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-proposal-decorators": "7.23.0",
+    "@babel/plugin-proposal-do-expressions": "7.22.5",
+    "@babel/plugin-proposal-export-default-from": "7.22.17",
+    "@babel/plugin-proposal-function-bind": "7.22.5",
+    "@babel/plugin-proposal-logical-assignment-operators": "7.20.7",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "7.21.0",
+    "@babel/plugin-proposal-pipeline-operator": "7.22.15",
+    "@babel/plugin-proposal-private-property-in-object": "7.21.11",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-runtime": "7.22.15",
+    "@babel/preset-env": "7.22.20",
+    "@babel/preset-react": "7.22.15",
     "@rollup/plugin-typescript": "^9.0.1",
     "@storybook/addon-actions": "6.4.19",
     "@storybook/addon-controls": "6.4.19",
@@ -69,9 +69,9 @@
     "@types/react-dom": "^17.0.17",
     "babel-loader": "^8.2.5",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "core-js": "^3.25.5",
+    "core-js": "3.33.0",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
+    "enzyme-adapter-react-16": "^1.15.7",
     "jest-enzyme": "^7.1.2",
     "npm-run-all": "^4.1.5",
     "react": "^16.11.0",
@@ -87,7 +87,7 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-scss": "^3.0.0",
-    "sass": "^1.55.0",
+    "sass": "^1.69.0",
     "typescript": "^4.8.4"
   },
   "browserslist": {

package/router/HistoryTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistoryTools.js","sources":["../src/router/HistoryTools.js"],"sourcesContent":["import {DOCUMENT, WINDOW} from \"../Tools\";\n\nconst history = WINDOW.history;\n\nconst events = ['pushState', 'replaceState'];\nevents.forEach(e => {\n    var original = history[e];\n    history[e] = function () {\n        original.apply(history, arguments);\n        fireEvent(e);\n    }\n});\n\nconst fireEvent = (name) => {\n    const event = DOCUMENT.createEvent('Event');\n    event.initEvent(name, true, true);\n    WINDOW.dispatchEvent(event);\n};\n\nexport const pushLocation = (path) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);\n\nexport const replaceLocation = (path) => history[events[1]](null, null, path);\n\nif (window['isNotProductionEnvironment']) {\n    // will be removed in production build\n    // needed only to prevent bundler to remove 'unused' functions\n    window['history-tools'] = {\n        replaceLocation\n    }\n}"],"names":["history","WINDOW","events","forEach","e","original","apply","arguments","fireEvent","name","event","DOCUMENT","createEvent","initEvent","dispatchEvent","pushLocation","path","location","pathname","replaceLocation","window"],"mappings":";;AAEA,IAAMA,OAAO,GAAGC,MAAM,CAACD,OAAO,CAAA;AAE9B,IAAME,MAAM,GAAG,CAAC,WAAW,EAAE,cAAc,CAAC,CAAA;AAC5CA,MAAM,CAACC,OAAO,CAAC,UAAAC,CAAC,EAAI;AAChB,EAAA,IAAIC,QAAQ,GAAGL,OAAO,CAACI,CAAC,CAAC,CAAA;AACzBJ,EAAAA,OAAO,CAACI,CAAC,CAAC,GAAG,YAAY;AACrBC,IAAAA,QAAQ,CAACC,KAAK,CAACN,OAAO,EAAEO,SAAS,CAAC,CAAA;IAClCC,SAAS,CAACJ,CAAC,CAAC,CAAA;GACf,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,IAAMI,SAAS,GAAG,SAAZA,SAAS,CAAIC,IAAI,EAAK;AACxB,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAC,CAAA;EAC3CF,KAAK,CAACG,SAAS,CAACJ,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AACjCR,EAAAA,MAAM,CAACa,aAAa,CAACJ,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA;IAEYK,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAA;EAAA,OAAKA,IAAI,KAAKf,MAAM,CAACgB,QAAQ,CAACC,QAAQ,IAAIlB,OAAO,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAEc,IAAI,CAAC,CAAA;AAAA,EAAA;IAElGG,eAAe,GAAG,SAAlBA,eAAe,CAAIH,IAAI,EAAA;AAAA,EAAA,OAAKhB,OAAO,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAEc,IAAI,CAAC,CAAA;AAAA,EAAA;AAE7E,IAAII,MAAM,CAAC,4BAA4B,CAAC,EAAE;EAGtCA,MAAM,CAAC,eAAe,CAAC,GAAG;AACtBD,IAAAA,eAAe,EAAfA,eAAAA;GACH,CAAA;AACL;;;;"}
+{"version":3,"file":"HistoryTools.js","sources":["../src/router/HistoryTools.js"],"sourcesContent":["import {DOCUMENT, WINDOW} from \"../Tools\";\n\nconst history = WINDOW.history;\n\nconst events = ['pushState', 'replaceState'];\nevents.forEach(e => {\n    var original = history[e];\n    history[e] = function () {\n        original.apply(history, arguments);\n        fireEvent(e);\n    }\n});\n\nconst fireEvent = (name) => {\n    const event = DOCUMENT.createEvent('Event');\n    event.initEvent(name, true, true);\n    WINDOW.dispatchEvent(event);\n};\n\nexport const pushLocation = (path) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);\n\nexport const replaceLocation = (path) => history[events[1]](null, null, path);\n\nif (window['isNotProductionEnvironment']) {\n    // will be removed in production build\n    // needed only to prevent bundler to remove 'unused' functions\n    window['history-tools'] = {\n        replaceLocation\n    }\n}"],"names":["history","WINDOW","events","forEach","e","original","apply","arguments","fireEvent","name","event","DOCUMENT","createEvent","initEvent","dispatchEvent","pushLocation","path","location","pathname","replaceLocation","window"],"mappings":";;AAEA,IAAMA,OAAO,GAAGC,MAAM,CAACD,OAAO,CAAA;AAE9B,IAAME,MAAM,GAAG,CAAC,WAAW,EAAE,cAAc,CAAC,CAAA;AAC5CA,MAAM,CAACC,OAAO,CAAC,UAAAC,CAAC,EAAI;AAChB,EAAA,IAAIC,QAAQ,GAAGL,OAAO,CAACI,CAAC,CAAC,CAAA;AACzBJ,EAAAA,OAAO,CAACI,CAAC,CAAC,GAAG,YAAY;AACrBC,IAAAA,QAAQ,CAACC,KAAK,CAACN,OAAO,EAAEO,SAAS,CAAC,CAAA;IAClCC,SAAS,CAACJ,CAAC,CAAC,CAAA;GACf,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,IAAMI,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAI,EAAK;AACxB,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAC,CAAA;EAC3CF,KAAK,CAACG,SAAS,CAACJ,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AACjCR,EAAAA,MAAM,CAACa,aAAa,CAACJ,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA;IAEYK,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAI,EAAA;EAAA,OAAKA,IAAI,KAAKf,MAAM,CAACgB,QAAQ,CAACC,QAAQ,IAAIlB,OAAO,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAEc,IAAI,CAAC,CAAA;AAAA,EAAA;IAElGG,eAAe,GAAG,SAAlBA,eAAeA,CAAIH,IAAI,EAAA;AAAA,EAAA,OAAKhB,OAAO,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAEc,IAAI,CAAC,CAAA;AAAA,EAAA;AAE7E,IAAII,MAAM,CAAC,4BAA4B,CAAC,EAAE;EAGtCA,MAAM,CAAC,eAAe,CAAC,GAAG;AACtBD,IAAAA,eAAe,EAAfA,eAAAA;GACH,CAAA;AACL;;;;"}

package/router/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../src/router/Link.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {pushLocation} from \"./HistoryTools\";\nimport {preventDefault} from \"../Tools\";\n\nconst Link = ({children, href, className}) =>\n    <a href={href} className={className} onClick={(e) => {\n        if (!e.ctrlKey) {\n            preventDefault(e);\n            pushLocation(href);\n        }\n    }}>{children}</a>;\n\nif (window.isNotProductionEnvironment) {\n    Link.propTypes = {\n        href: PropTypes.string.isRequired,\n    };\n}\n\nexport default Link;"],"names":["Link","children","href","className","e","ctrlKey","preventDefault","pushLocation","window","isNotProductionEnvironment","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;AAOA,IAAMA,IAAI,GAAG,SAAPA,IAAI,CAAA,IAAA,EAAA;EAAA,IAAKC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;EAAA,OACpC,kBAAA,CAAA,GAAA,EAAA;AAAG,IAAA,IAAI,EAAED,IAAK;AAAC,IAAA,SAAS,EAAEC,SAAU;IAAC,OAAO,EAAE,SAACC,OAAAA,CAAAA,CAAC,EAAK;AACjD,MAAA,IAAI,CAACA,CAAC,CAACC,OAAO,EAAE;QACZC,cAAc,CAACF,CAAC,CAAC,CAAA;QACjBG,YAAY,CAACL,IAAI,CAAC,CAAA;AACtB,OAAA;AACJ,KAAA;AAAE,GAAA,EAAED,QAAQ,CAAK,CAAA;AAAA,CAAA,CAAA;AAErB,IAAIO,MAAM,CAACC,0BAA0B,EAAE;EACnCT,IAAI,CAACU,SAAS,GAAG;AACbR,IAAAA,IAAI,EAAES,SAAS,CAACC,MAAM,CAACC,UAAAA;GAC1B,CAAA;AACL,CAAA;AAEA,aAAeb,IAAI;;;;"}
+{"version":3,"file":"Link.js","sources":["../src/router/Link.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {pushLocation} from \"./HistoryTools\";\nimport {preventDefault} from \"../Tools\";\n\nconst Link = ({children, href, className}) =>\n    <a href={href} className={className} onClick={(e) => {\n        if (!e.ctrlKey) {\n            preventDefault(e);\n            pushLocation(href);\n        }\n    }}>{children}</a>;\n\nif (window.isNotProductionEnvironment) {\n    Link.propTypes = {\n        href: PropTypes.string.isRequired,\n    };\n}\n\nexport default Link;"],"names":["Link","_ref","children","href","className","ReactCreateElement","onClick","e","ctrlKey","preventDefault","pushLocation","window","isNotProductionEnvironment","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;AAOA,IAAMA,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAA;AAAA,EAAA,OACpCC,kBAAA,CAAA,GAAA,EAAA;AAAGF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACE,IAAAA,OAAO,EAAE,SAAAA,OAACC,CAAAA,CAAC,EAAK;AACjD,MAAA,IAAI,CAACA,CAAC,CAACC,OAAO,EAAE;QACZC,cAAc,CAACF,CAAC,CAAC,CAAA;QACjBG,YAAY,CAACP,IAAI,CAAC,CAAA;AACtB,OAAA;AACJ,KAAA;AAAE,GAAA,EAAED,QAAY,CAAC,CAAA;AAAA,CAAA,CAAA;AAErB,IAAIS,MAAM,CAACC,0BAA0B,EAAE;EACnCZ,IAAI,CAACa,SAAS,GAAG;AACbV,IAAAA,IAAI,EAAEW,SAAS,CAACC,MAAM,CAACC,UAAAA;GAC1B,CAAA;AACL,CAAA;AAEA,aAAehB,IAAI;;;;"}

package/router/NavLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.js","sources":["../src/router/NavLink.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport Route from \"./Route\";\nimport Link from \"./Link\";\nimport {classNames} from \"../Tools\";\n\nconst NavLink = ({children, href, highlightPath, className, activeClassName}) =>\n    <Route path={highlightPath || href}\n           controller={matches => <Link href={href} className={classNames(className, matches && activeClassName)}>\n               {children}\n           </Link>}\n    />;\n\nif(window.isNotProductionEnvironment) {\n    NavLink.propTypes = Link.propTypes;\n}\n\nexport default NavLink;"],"names":["NavLink","children","href","highlightPath","className","activeClassName","matches","classNames","window","isNotProductionEnvironment","propTypes","Link"],"mappings":";;;;;;;AAQA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAA,IAAA,EAAA;EAAA,IAAKC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,aAAa,QAAbA,aAAa;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,eAAe,QAAfA,eAAe,CAAA;AAAA,EAAA,OACvE,mBAAC,KAAK,EAAA;IAAC,IAAI,EAAEF,aAAa,IAAID,IAAK;IAC5B,UAAU,EAAE,oBAAAI,OAAO,EAAA;AAAA,MAAA,OAAI,mBAAC,IAAI,EAAA;AAAC,QAAA,IAAI,EAAEJ,IAAK;AAAC,QAAA,SAAS,EAAEK,UAAU,CAACH,SAAS,EAAEE,OAAO,IAAID,eAAe,CAAA;AAAE,OAAA,EACjGJ,QAAQ,CACN,CAAA;AAAA,KAAA;GACZ,CAAA,CAAA;AAAA,CAAA,CAAA;AAEN,IAAGO,MAAM,CAACC,0BAA0B,EAAE;AAClCT,EAAAA,OAAO,CAACU,SAAS,GAAGC,IAAI,CAACD,SAAS,CAAA;AACtC,CAAA;AAEA,gBAAeV,OAAO;;;;"}
+{"version":3,"file":"NavLink.js","sources":["../src/router/NavLink.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport Route from \"./Route\";\nimport Link from \"./Link\";\nimport {classNames} from \"../Tools\";\n\nconst NavLink = ({children, href, highlightPath, className, activeClassName}) =>\n    <Route path={highlightPath || href}\n           controller={matches => <Link href={href} className={classNames(className, matches && activeClassName)}>\n               {children}\n           </Link>}\n    />;\n\nif(window.isNotProductionEnvironment) {\n    NavLink.propTypes = Link.propTypes;\n}\n\nexport default NavLink;"],"names":["NavLink","_ref","children","href","highlightPath","className","activeClassName","ReactCreateElement","Route","path","controller","matches","Link","classNames","window","isNotProductionEnvironment","propTypes"],"mappings":";;;;;;;AAQA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,eAAe,GAAAL,IAAA,CAAfK,eAAe,CAAA;EAAA,OACvEC,kBAAA,CAACC,KAAK,EAAA;IAACC,IAAI,EAAEL,aAAa,IAAID,IAAK;IAC5BO,UAAU,EAAE,SAAAA,UAAAA,CAAAC,OAAO,EAAA;MAAA,OAAIJ,kBAAA,CAACK,IAAI,EAAA;AAACT,QAAAA,IAAI,EAAEA,IAAK;AAACE,QAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAEM,OAAO,IAAIL,eAAe,CAAA;AAAE,OAAA,EACjGJ,QACC,CAAC,CAAA;AAAA,KAAA;AAAC,GACd,CAAC,CAAA;AAAA,CAAA,CAAA;AAEN,IAAGY,MAAM,CAACC,0BAA0B,EAAE;AAClCf,EAAAA,OAAO,CAACgB,SAAS,GAAGJ,IAAI,CAACI,SAAS,CAAA;AACtC,CAAA;AAEA,gBAAehB,OAAO;;;;"}

package/router/Route.js.map

@@ -1 +1 @@
-{"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n    if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n        return path.substring(0, path.length - 1);\n\n    return path;\n};\n\nconst createUrlMatcher = path => {\n    let matcher;\n    const segments = path.split('/');\n    const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n    const containsVariables = path.indexOf(':') !== -1;\n    const containsAnySegment = path.indexOf('*') !== -1;\n    const containsNot = path.indexOf('!') !== -1;\n\n    if (!containsAnySegment && !containsVariables && !containsNot) {\n        matcher = (p) => p === path\n    } else {\n        const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n        const matchers = segments.map((segment, i) => {\n            let matcher;\n            const variableNameIndex = segment.indexOf(':');\n            if (segment === '*')\n                matcher = () => true;\n            else if (variableNameIndex !== -1) {\n                let variable = segment.substring(variableNameIndex + 1);\n                let regex = null\n                if (variable.indexOf('?') !== -1)\n                    variable = variable.substring(0, variable.indexOf('?'));\n                if (variable.indexOf('(') !== -1) {\n                    let regexStart = variable.indexOf('(');\n                    regex = new RegExp(variable.substring(regexStart))\n                    variable = variable.substring(0, regexStart);\n                }\n\n                const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n                matcher = (p, params) => {\n                    if (regex && !!p && !p.match(regex))\n                        return false\n\n                    if (!p && !optionals[i])\n                        return false;\n                    if (prefix) {\n                        if (p.indexOf(prefix) === 0)\n                            p = p.substring(variableNameIndex);\n                        else\n                            return false;\n                    }\n\n                    params[variable] = p;\n                    return true;\n                }\n            } else if (segment.indexOf('!') === 0) {\n                const not = segment.substring(1);\n                matcher = (p) => p !== not;\n            } else\n                matcher = (p) => p === segment;\n            return matcher;\n        });\n\n        matcher = (path, params) => {\n            const segments = path.split('/');\n            const length = Math.min(matchers.length, segments.length);\n\n            // only exact match if mapping not ends with *\n            if (!endsWithAny && matchers.length < segments.length)\n                return false;\n\n            // check that each segment matches\n            for (let i = 0; i < length; i++) {\n                if (!matchers[i](segments[i], params))\n                    return false;\n            }\n\n            // check that all other segments are optional\n            for (let i = length; i < optionals.length; i++) {\n                if (!optionals[i])\n                    return false;\n            }\n\n            return true;\n        };\n    }\n    return matcher\n};\n\nconst createUrlMatchers = path => {\n    if (Array.isArray(path)) {\n        const matchers = path.map(it => createUrlMatcher(it));\n        return (path, params) => {\n            for (let i = 0; i < matchers.length; i++) {\n                let props = {};\n                if (matchers[i](path, props)) {\n                    Object.assign(params, props);\n                    return true;\n                }\n            }\n            return false;\n        }\n    } else {\n        return createUrlMatcher(path);\n    }\n};\n\nconst selfProps = setOf([\n    'children',\n    'path',\n    'controller',\n    'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n        let matcher;\n\n        const props = propsGetter(that);\n        const [\n            isRendering,\n            paramsState,\n            mergedPropsState,\n        ] = stateGSs(that, 3);\n\n        const process = () => {\n            let params = {};\n            let nextState = {};\n            let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n            const toggle = isMatching !== isRendering();\n            toggle && (nextState[isRendering] = isMatching);\n\n            if (isDifferent(paramsState(), params)) {\n                nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n                nextState[paramsState] = params;\n            }\n\n            //set new state just once to avoid several renders\n            setState(that, nextState, () => {\n                toggle && orNoop(props().onToggle)(isMatching);\n            })\n        };\n\n        that[componentDidUpdate] = (prevProps, prevState) => {\n            if (props() !== prevProps) {\n                let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n                if (isDifferent(mergedProps, mergedPropsState()))\n                    mergedPropsState(mergedProps);\n            }\n        };\n\n        that[render] = () => {\n            const {children, controller} = props();\n            return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n        };\n\n        that[componentDidMount] = () => {\n            matcher = createUrlMatchers(props().path);\n\n            historyEvents.forEach(it => {\n                addEventListener(WINDOW, it, process);\n            });\n            process();\n        };\n\n        that[componentWillUnmount] = () => {\n            historyEvents.forEach(it => {\n                removeEventListener(WINDOW, it, process);\n            });\n        };\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Route.propTypes = {\n        path: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.arrayOf(PropTypes.string)\n        ]).isRequired,\n        controller: PropTypes.func,\n        onToggle: PropTypes.func,\n    };\n}\n\nconst DefaultController = (matches, children, props) => {\n    if (!matches || !children) return null;\n    if (Object.keys(props).length > 0) {\n        return React.Children.map(children, child => React.cloneElement(child, props));\n    }\n    return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","properties","that","state","propsGetter","stateGSs","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","PureComponent","window","isNotProductionEnvironment","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","func","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n    if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n        return path.substring(0, path.length - 1);\n\n    return path;\n};\n\nconst createUrlMatcher = path => {\n    let matcher;\n    const segments = path.split('/');\n    const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n    const containsVariables = path.indexOf(':') !== -1;\n    const containsAnySegment = path.indexOf('*') !== -1;\n    const containsNot = path.indexOf('!') !== -1;\n\n    if (!containsAnySegment && !containsVariables && !containsNot) {\n        matcher = (p) => p === path\n    } else {\n        const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n        const matchers = segments.map((segment, i) => {\n            let matcher;\n            const variableNameIndex = segment.indexOf(':');\n            if (segment === '*')\n                matcher = () => true;\n            else if (variableNameIndex !== -1) {\n                let variable = segment.substring(variableNameIndex + 1);\n                let regex = null\n                if (variable.indexOf('?') !== -1)\n                    variable = variable.substring(0, variable.indexOf('?'));\n                if (variable.indexOf('(') !== -1) {\n                    let regexStart = variable.indexOf('(');\n                    regex = new RegExp(variable.substring(regexStart))\n                    variable = variable.substring(0, regexStart);\n                }\n\n                const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n                matcher = (p, params) => {\n                    if (regex && !!p && !p.match(regex))\n                        return false\n\n                    if (!p && !optionals[i])\n                        return false;\n                    if (prefix) {\n                        if (p.indexOf(prefix) === 0)\n                            p = p.substring(variableNameIndex);\n                        else\n                            return false;\n                    }\n\n                    params[variable] = p;\n                    return true;\n                }\n            } else if (segment.indexOf('!') === 0) {\n                const not = segment.substring(1);\n                matcher = (p) => p !== not;\n            } else\n                matcher = (p) => p === segment;\n            return matcher;\n        });\n\n        matcher = (path, params) => {\n            const segments = path.split('/');\n            const length = Math.min(matchers.length, segments.length);\n\n            // only exact match if mapping not ends with *\n            if (!endsWithAny && matchers.length < segments.length)\n                return false;\n\n            // check that each segment matches\n            for (let i = 0; i < length; i++) {\n                if (!matchers[i](segments[i], params))\n                    return false;\n            }\n\n            // check that all other segments are optional\n            for (let i = length; i < optionals.length; i++) {\n                if (!optionals[i])\n                    return false;\n            }\n\n            return true;\n        };\n    }\n    return matcher\n};\n\nconst createUrlMatchers = path => {\n    if (Array.isArray(path)) {\n        const matchers = path.map(it => createUrlMatcher(it));\n        return (path, params) => {\n            for (let i = 0; i < matchers.length; i++) {\n                let props = {};\n                if (matchers[i](path, props)) {\n                    Object.assign(params, props);\n                    return true;\n                }\n            }\n            return false;\n        }\n    } else {\n        return createUrlMatcher(path);\n    }\n};\n\nconst selfProps = setOf([\n    'children',\n    'path',\n    'controller',\n    'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n        let matcher;\n\n        const props = propsGetter(that);\n        const [\n            isRendering,\n            paramsState,\n            mergedPropsState,\n        ] = stateGSs(that, 3);\n\n        const process = () => {\n            let params = {};\n            let nextState = {};\n            let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n            const toggle = isMatching !== isRendering();\n            toggle && (nextState[isRendering] = isMatching);\n\n            if (isDifferent(paramsState(), params)) {\n                nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n                nextState[paramsState] = params;\n            }\n\n            //set new state just once to avoid several renders\n            setState(that, nextState, () => {\n                toggle && orNoop(props().onToggle)(isMatching);\n            })\n        };\n\n        that[componentDidUpdate] = (prevProps, prevState) => {\n            if (props() !== prevProps) {\n                let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n                if (isDifferent(mergedProps, mergedPropsState()))\n                    mergedPropsState(mergedProps);\n            }\n        };\n\n        that[render] = () => {\n            const {children, controller} = props();\n            return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n        };\n\n        that[componentDidMount] = () => {\n            matcher = createUrlMatchers(props().path);\n\n            historyEvents.forEach(it => {\n                addEventListener(WINDOW, it, process);\n            });\n            process();\n        };\n\n        that[componentWillUnmount] = () => {\n            historyEvents.forEach(it => {\n                removeEventListener(WINDOW, it, process);\n            });\n        };\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Route.propTypes = {\n        path: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.arrayOf(PropTypes.string)\n        ]).isRequired,\n        controller: PropTypes.func,\n        onToggle: PropTypes.func,\n    };\n}\n\nconst DefaultController = (matches, children, props) => {\n    if (!matches || !children) return null;\n    if (Object.keys(props).length > 0) {\n        return React.Children.map(children, child => React.cloneElement(child, props));\n    }\n    return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","_PureComponent","_inherits","_super","_createSuper","properties","_this","_classCallCheck","call","that","_assertThisInitialized","state","propsGetter","_stateGSs","stateGSs","_stateGSs2","_slicedToArray","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","_props","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","_createClass","PureComponent","window","isNotProductionEnvironment","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","func","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}

package/src/Checkbox.tsx

@@ -0,0 +1,37 @@
+import React, {ChangeEventHandler, ReactElement} from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './Checkbox.css'
+import {classNames, getRandomId} from "./Tools";
+import {PureComponent, render, propsGetter} from "./ReactConstants";
+
+export interface CheckboxProps {
+    value: boolean,
+    onChange: ChangeEventHandler,
+    label: string | ReactElement,
+    name?: string,
+    id?: string | number,
+    disabled?: boolean,
+    className?: string,
+}
+
+class Checkbox extends PureComponent<CheckboxProps> {
+
+    constructor(properties) {
+        super(properties);
+        const randomId = getRandomId('cb-');
+        const props = propsGetter(this);
+
+        this[render] = () => {
+            const {label, name, onChange, value, className, disabled} = props();
+            const id = (props().id || randomId) + '';
+            return (
+                <div className={classNames("Checkbox", className)}>
+                    <input name={name} id={id} type="checkbox" onChange={onChange} checked={value} disabled={disabled}/>
+                    <label htmlFor={id}>{label}</label>
+                </div>
+            )
+        }
+    }
+}
+
+export default Checkbox

package/src/CircleProgress.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './CircleProgress.css'
+
+const radius = 8.75;
+const length = 2 * Math.PI * radius;
+
+const dashoffset = (percent) => length * (100 - percent) / 100;
+
+export interface CircleProgressProps{
+    value: number
+}
+
+const CircleProgress = ({value}: CircleProgressProps) => {
+    return (
+        <div className="CircleProgress">
+            <svg viewBox="0 0 24 24">
+                <path className="line" style={{strokeDashoffset: dashoffset(Number.isFinite(value) ? value : 0), strokeDasharray: length}}
+                      d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75,8.75 0 0 1 12,3.25"/>
+            </svg>
+        </div>
+    );
+};
+
+CircleProgress.defaultProps = {
+    value: 0,
+};
+
+export default CircleProgress;

package/src/{CommonFields.js → CommonFields.ts}

@@ -1,4 +1,4 @@
-import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers"; export const createAccessor = (field) => (o) => {
+export const createAccessor = (field: string) => (o) => {
     return o[field];
 }
 

package/src/DropFileInput.tsx

@@ -0,0 +1,32 @@
+import React, {DragEventHandler, ReactElement} from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './DropFileInput.css'
+import Dropzone from "./Dropzone";
+import {classNames} from "./Tools";
+import MaterialIcon, {MaterialIconType} from "./MaterialIcon";
+
+export interface DropFileInputProps {
+    icon?: MaterialIconType,
+    label?: string | ReactElement,
+    droppable?: boolean,
+    onDrop?: DragEventHandler,
+    multiple?: boolean,
+    accept?: string,
+}
+
+const DropFileInput = ({icon, label, onDrop, droppable, multiple, accept}: DropFileInputProps) => (
+    <section className="DropFileInput">
+        <Dropzone droppable={droppable} onDrop={onDrop} accept={accept} multiple={multiple}>
+            <MaterialIcon className={classNames(`icon`, label && 'withText')} icon={icon}/>
+            {label && <div>{label}</div>}
+        </Dropzone>
+    </section>
+);
+
+DropFileInput.defaultProps = {
+    icon: 'cloud_upload',
+    droppable: false,
+    multiple: true,
+};
+
+export default DropFileInput;

package/src/FloatingActionButton.tsx

@@ -0,0 +1,28 @@
+import React, {MouseEventHandler} from 'react';
+import ReactCreateElement from './ReactCreateElement';
+import './FloatingActionButton.css'
+import Button from "./Button";
+import {classNames} from "./Tools";
+import MaterialIcon, {MaterialIconType} from "./MaterialIcon";
+
+export interface FloatingActionButtonProps {
+    icon?: MaterialIconType,
+    mini?: boolean,
+    hidden?: boolean,
+    className?: string,
+    onClick: MouseEventHandler
+}
+
+const FloatingActionButton = ({icon, onClick, mini, className, hidden}: FloatingActionButtonProps) => {
+    return <Button onClick={onClick} round={true} className={classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')}>
+        <MaterialIcon icon={icon}/>
+    </Button>;
+};
+
+FloatingActionButton.defaultProps = {
+    icon: 'add',
+    mini: false,
+    hidden: false,
+};
+
+export default FloatingActionButton;