@prom-ui/core 0.0.100 → 0.0.102-alpha.0

package/Tumbler/cjs/index.development.js

@@ -106,5 +106,3 @@ var Tumbler = React__namespace.forwardRef(function (_a, ref) {
 });
 
 exports.Tumbler = Tumbler;
-
-require('./style.development.css');

package/Tumbler/cjs/index.development.v2.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var classNames = require('classnames');
+var Spinner = require('@prom-ui/core/Spinner');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(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);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var css = {"root":"Tumbler__root___tbqBR","view":"Tumbler__view___mdLlw","viewCircle":"Tumbler__viewCircle___2fnqc","input":"Tumbler__input___7lx3h","inputLoading":"Tumbler__inputLoading___KyFmD","spinner":"Tumbler__spinner___2VatE","spinnerEnterActive":"Tumbler__spinnerEnterActive___CL5Zt","spinnerEnterDone":"Tumbler__spinnerEnterDone___-3a-o","spinnerExitActive":"Tumbler__spinnerExitActive___MjHhx","spinnerExitDone":"Tumbler__spinnerExitDone___zzBA4"};
+
+var Tumbler = React__namespace.forwardRef(function (_a, ref) {
+  var _b;
+
+  var className = _a.className,
+      _c = _a.loading,
+      loading = _c === void 0 ? false : _c,
+      _d = _a.type,
+      type = _d === void 0 ? 'checkbox' : _d,
+      props = __rest(_a, ["className", "loading", "type"]);
+
+  return React__namespace.createElement("div", {
+    className: classNames__default["default"](css.root, className)
+  }, React__namespace.createElement("input", __assign({
+    ref: ref,
+    className: classNames__default["default"](css.input, (_b = {}, _b[css.inputLoading] = loading, _b)),
+    type: type
+  }, props)), React__namespace.createElement("div", {
+    className: css.view
+  }, React__namespace.createElement("div", {
+    className: css.viewCircle
+  }, React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    in: loading,
+    timeout: 100,
+    classNames: {
+      enterActive: css.spinnerEnterActive,
+      enterDone: css.spinnerEnterDone,
+      exitActive: css.spinnerExitActive,
+      exitDone: css.spinnerExitDone
+    },
+    unmountOnExit: true
+  }, React__namespace.createElement(Spinner.Spinner, {
+    className: css.spinner
+  })))));
+});
+
+exports.Tumbler = Tumbler;

package/Tumbler/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Spinner");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=o(e),i=a(r),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u="_17yYC",s="w66K2",f="xvJqd",p="Kg91O",m="y1iJD",y="CNMl7",d="C2P5b",v="cgEXP",O="k-mzv",b="XD0-8",g=c.forwardRef((function(e,r){var a,o=e.className,g=e.loading,j=void 0!==g&&g,E=e.type,x=void 0===E?"checkbox":E,N=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["className","loading","type"]);return c.createElement("div",{className:i.default(u,o)},c.createElement("input",l({ref:r,className:i.default(p,(a={},a[m]=j,a)),type:x},N)),c.createElement("div",{className:s},c.createElement("div",{className:f},c.createElement(t.CSSTransition,{in:j,timeout:100,classNames:{enterActive:d,enterDone:v,exitActive:O,exitDone:b},unmountOnExit:!0},c.createElement(n.Spinner,{className:y})))))}));exports.Tumbler=g,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Spinner");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=o(e),i=a(r),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u="_17yYC",s="w66K2",f="xvJqd",p="Kg91O",m="y1iJD",y="CNMl7",d="C2P5b",v="cgEXP",O="k-mzv",b="XD0-8",g=c.forwardRef((function(e,r){var a,o=e.className,g=e.loading,j=void 0!==g&&g,E=e.type,x=void 0===E?"checkbox":E,N=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["className","loading","type"]);return c.createElement("div",{className:i.default(u,o)},c.createElement("input",l({ref:r,className:i.default(p,(a={},a[m]=j,a)),type:x},N)),c.createElement("div",{className:s},c.createElement("div",{className:f},c.createElement(t.CSSTransition,{in:j,timeout:100,classNames:{enterActive:d,enterDone:v,exitActive:O,exitDone:b},unmountOnExit:!0},c.createElement(n.Spinner,{className:y})))))}));exports.Tumbler=g;

package/Tumbler/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Spinner");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=o(e),i=a(r),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u="tbqBR",s="mdLlw",f="_2fnqc",p="_7lx3h",m="KyFmD",d="_2VatE",y="CL5Zt",b="_-3a-o",O="MjHhx",v="zzBA4",j=c.forwardRef((function(e,r){var a,o=e.className,j=e.loading,g=void 0!==j&&j,x=e.type,E=void 0===x?"checkbox":x,h=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["className","loading","type"]);return c.createElement("div",{className:i.default(u,o)},c.createElement("input",l({ref:r,className:i.default(p,(a={},a[m]=g,a)),type:E},h)),c.createElement("div",{className:s},c.createElement("div",{className:f},c.createElement(t.CSSTransition,{in:g,timeout:100,classNames:{enterActive:y,enterDone:b,exitActive:O,exitDone:v},unmountOnExit:!0},c.createElement(n.Spinner,{className:d})))))}));exports.Tumbler=j;

package/Tumbler/cjs/style.development.v2.css

@@ -0,0 +1 @@
+.Tumbler__root___tbqBR{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___mdLlw{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.Tumbler__viewCircle___2fnqc{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Tumbler__input___7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___7lx3h:disabled{cursor:default}.Tumbler__input___7lx3h:focus-visible+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw{background-color:var(--violet-50)}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw{background-color:var(--black-200)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__inputLoading___KyFmD{pointer-events:none;cursor:default}.Tumbler__spinner___2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___CL5Zt,.Tumbler__spinnerEnterDone___-3a-o{opacity:1}.Tumbler__spinnerExitActive___MjHhx,.Tumbler__spinnerExitDone___zzBA4{opacity:0}@media (hover){.Tumbler__input___7lx3h:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--black-500)}.Tumbler__input___7lx3h:checked:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--violet-500)}.Tumbler__input___7lx3h:disabled:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--black-400)}}

package/Tumbler/cjs/style.production.v2.css

@@ -0,0 +1 @@
+.tbqBR{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.mdLlw{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}._2fnqc{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}._7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}._7lx3h:disabled{cursor:default}._7lx3h:focus-visible+.mdLlw ._2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}._7lx3h:checked+.mdLlw{background-color:var(--violet-50)}._7lx3h:checked+.mdLlw ._2fnqc{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}._7lx3h:disabled+.mdLlw{background-color:var(--black-200)}._7lx3h:disabled+.mdLlw ._2fnqc{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.KyFmD{pointer-events:none;cursor:default}._2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.CL5Zt,._-3a-o{opacity:1}.MjHhx,.zzBA4{opacity:0}@media (hover){._7lx3h:hover+.mdLlw ._2fnqc{border-color:var(--black-500)}._7lx3h:checked:hover+.mdLlw ._2fnqc{border-color:var(--violet-500)}._7lx3h:disabled:hover+.mdLlw ._2fnqc{border-color:var(--black-400)}}

package/Tumbler/index.js

@@ -1,7 +1,19 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/index.production.js');
+    if (process.env.PROM_UI_CSS_HASH === 'v2') {
+        module.exports = require('./cjs/index.production.v2.js');
+        require('./cjs/style.production.v2.js');
+    } else {
+        module.exports = require('./cjs/index.production.js');
+        require('./cjs/style.production.js');
+    }
 } else {
-  module.exports = require('./cjs/index.development.js');
+    if (process.env.PROM_UI_CSS_HASH === 'v2') {
+        module.exports = require('./cjs/index.development.v2.js');
+        require('./cjs/style.development.v2.js');
+    } else {
+        module.exports = require('./cjs/index.development.js');
+        require('./cjs/style.development.js');
+    }
 }

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.100",
+  "version": "0.0.102-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.100",
+  "version": "0.0.102-alpha.0",
   "description": "core ui blocks",
   "scripts": {
     "test": "jest",
     "prebuild": "node ./preBuild.js",
-    "build": "NODE_ENV=development rollup --config ./rollup.config.js",
-    "postbuild": "NODE_ENV=production rollup --config ./rollup.config.js",
+    "build": "NODE_ENV=development rollup --config ./rollup.config.js && NODE_ENV=development CSS_HASH=v2 rollup --config ./rollup.config.js",
+    "postbuild": "NODE_ENV=production rollup --config ./rollup.config.js && NODE_ENV=production CSS_HASH=v2 rollup --config ./rollup.config.js",
     "prepublishOnly": "npm run build"
   },
   "repository": {
@@ -63,5 +63,5 @@
       "optional": true
     }
   },
-  "gitHead": "5959757fe7a53bacc54b5908765b53e4e67dcd65"
+  "gitHead": "036ea427481d20af868c4bae3f238612324bd2db"
 }