@ntbjs/react-components 1.1.2 → 1.2.0-rc.10

package/Badge-9461fc7f.js

@@ -1,154 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-50f2b88f.js');
-var React = require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var Badge$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-content: center;\n  display: ", ";\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  min-height: 26px;\n  position: relative;\n  width: ", ";\n"])), function (props) {
-  return props.elevated || !props.hasChildren ? 'inline-flex' : 'flex';
-}, function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.elevated ? 'fit-content' : 'initial';
-});
-var BadgeChildrenContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  align-self: center;\n  height: fit-content;\n  margin-right: 8px;\n"])));
-var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: ", ";\n  display: inline-block;\n  font-size: ", ";\n  font-weight: normal;\n  height: fit-content;\n  letter-spacing: 0.32px;\n  margin-left: ", ";\n  padding ", ";\n  position: ", ";\n  right: 0;\n  transform: ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"])), function (props) {
-  return props.elevated ? '12px' : '14px';
-}, function (props) {
-  return props.elevated ? '0.625rem' : '0.750rem';
-}, function (props) {
-  return props.elevated ? '15px' : 'auto';
-}, function (props) {
-  return props.elevated ? '4px 7px' : '6px 10px';
-}, function (props) {
-  return props.elevated ? 'absolute' : 'initial';
-}, function (props) {
-  return props.elevated ? 'translate(33%, -8px)' : 'initial';
-}, function (props) {
-  return props.paddingY && props.paddingX && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      padding-top: ", "px;\n      padding-bottom: ", "px;\n      padding-left: ", "px;\n      padding-right: ", "px;\n    "])), props.paddingY, props.paddingY, props.paddingX, props.paddingX);
-}, function (props) {
-  return props.theme.themeProp('background', function () {
-    var active = props.active;
-    var error = props.error;
-    var warning = props.warning;
-
-    switch (true) {
-      case !error && !warning && !active:
-        return props.theme.getColor('gray-600');
-
-      case !error && !warning && active:
-        return props.theme.getColor('gray-700');
-
-      case error && active:
-        return props.theme.getColor('red-500');
-
-      case error:
-        return props.theme.getColor('red-200');
-
-      case warning && active:
-        return props.theme.getColor('signal-yellow-500');
-
-      case warning:
-        return props.theme.getColor('signal-yellow-400');
-
-      default:
-        return props.theme.getColor('gray-600');
-    }
-  }, function () {
-    var active = props.active;
-    var error = props.error;
-    var warning = props.warning;
-
-    switch (true) {
-      case !error && !warning && !active:
-        return props.theme.getColor('gray-200');
-
-      case !error && !warning && active:
-        return props.theme.getColor('white');
-
-      case error && active:
-        return props.theme.getColor('red-500');
-
-      case error:
-        return props.theme.getColor('red-200');
-
-      case warning && active:
-        return props.theme.getColor('signal-yellow-500');
-
-      case warning:
-        return props.theme.getColor('signal-yellow-400');
-
-      default:
-        return props.theme.getColor('gray-200');
-    }
-  });
-}, function (props) {
-  return props.theme.themeProp('color', function () {
-    if (props.warning && !props.error || props.error && !props.active) {
-      return props.theme.getColor('gray-900');
-    } else {
-      return props.theme.getColor('white');
-    }
-  }, function () {
-    if (props.error && props.active) {
-      return props.theme.getColor('white');
-    } else {
-      return props.theme.getColor('gray-900');
-    }
-  });
-});
-
-var Badge = React__default['default'].forwardRef(function Badge(_ref, forwardedRef) {
-  var badgeContent = _ref.badgeContent,
-      paddingY = _ref.paddingY,
-      paddingX = _ref.paddingX,
-      children = _ref.children,
-      elevated = _ref.elevated,
-      active = _ref.active,
-      error = _ref.error,
-      warning = _ref.warning,
-      props = defaultTheme._objectWithoutProperties(_ref, ["badgeContent", "paddingY", "paddingX", "children", "elevated", "active", "error", "warning"]);
-
-  if (typeof badgeContent === 'number') {
-    badgeContent = Intl.NumberFormat('en', {
-      notation: 'compact'
-    }).format(badgeContent);
-  }
-
-  return React__default['default'].createElement(Badge$1, defaultTheme._extends({
-    ref: forwardedRef,
-    elevated: elevated,
-    hasChildren: Boolean(children)
-  }, props), children && React__default['default'].createElement(BadgeChildrenContainer, null, children), badgeContent && React__default['default'].createElement(BadgeLabel, {
-    elevated: elevated,
-    active: active,
-    paddingY: paddingY,
-    paddingX: paddingX,
-    error: error,
-    warning: warning
-  }, badgeContent));
-});
-Badge.propTypes = process.env.NODE_ENV !== "production" ? {
-  badgeContent: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number]),
-  paddingY: defaultTheme.PropTypes.number,
-  paddingX: defaultTheme.PropTypes.number,
-  children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.node, defaultTheme.PropTypes.string]),
-  elevated: defaultTheme.PropTypes.bool,
-  active: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.bool,
-  warning: defaultTheme.PropTypes.bool
-} : {};
-Badge.defaultProps = {
-  elevated: false,
-  active: false,
-  error: false,
-  warning: false
-};
-
-exports.Badge = Badge;

package/check-555d831b.js

@@ -1,213 +0,0 @@
-'use strict';
-
-var React$1 = require('react');
-
-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__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-var MoonLoader$1 = {};
-
-var unitConverter = {};
-
-Object.defineProperty(unitConverter, "__esModule", { value: true });
-unitConverter.cssValue = unitConverter.parseLengthAndUnit = void 0;
-var cssUnit = {
-    cm: true,
-    mm: true,
-    in: true,
-    px: true,
-    pt: true,
-    pc: true,
-    em: true,
-    ex: true,
-    ch: true,
-    rem: true,
-    vw: true,
-    vh: true,
-    vmin: true,
-    vmax: true,
-    "%": true,
-};
-/**
- * If size is a number, append px to the value as default unit.
- * If size is a string, validate against list of valid units.
- * If unit is valid, return size as is.
- * If unit is invalid, console warn issue, replace with px as the unit.
- *
- * @param {(number | string)} size
- * @return {LengthObject} LengthObject
- */
-function parseLengthAndUnit(size) {
-    if (typeof size === "number") {
-        return {
-            value: size,
-            unit: "px",
-        };
-    }
-    var value;
-    var valueString = (size.match(/^[0-9.]*/) || "").toString();
-    if (valueString.includes(".")) {
-        value = parseFloat(valueString);
-    }
-    else {
-        value = parseInt(valueString, 10);
-    }
-    var unit = (size.match(/[^0-9]*$/) || "").toString();
-    if (cssUnit[unit]) {
-        return {
-            value: value,
-            unit: unit,
-        };
-    }
-    console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
-    return {
-        value: value,
-        unit: "px",
-    };
-}
-unitConverter.parseLengthAndUnit = parseLengthAndUnit;
-/**
- * Take value as an input and return valid css value
- *
- * @param {(number | string)} value
- * @return {string} valid css value
- */
-function cssValue(value) {
-    var lengthWithunit = parseLengthAndUnit(value);
-    return "".concat(lengthWithunit.value).concat(lengthWithunit.unit);
-}
-unitConverter.cssValue = cssValue;
-
-var animation = {};
-
-Object.defineProperty(animation, "__esModule", { value: true });
-animation.createAnimation = void 0;
-var createAnimation = function (loaderName, frames, suffix) {
-    var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
-    if (typeof window == "undefined" || !window.document) {
-        return animationName;
-    }
-    var styleEl = document.createElement("style");
-    document.head.appendChild(styleEl);
-    var styleSheet = styleEl.sheet;
-    var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
-    if (styleSheet) {
-        styleSheet.insertRule(keyFrames, 0);
-    }
-    return animationName;
-};
-animation.createAnimation = createAnimation;
-
-var __assign = (commonjsGlobal && commonjsGlobal.__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 = (commonjsGlobal && commonjsGlobal.__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 = (commonjsGlobal && commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (commonjsGlobal && commonjsGlobal.__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 __rest = (commonjsGlobal && commonjsGlobal.__rest) || function (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;
-};
-Object.defineProperty(MoonLoader$1, "__esModule", { value: true });
-var React = __importStar(React__default['default']);
-var unitConverter_1 = unitConverter;
-var animation_1 = animation;
-var moon = (0, animation_1.createAnimation)("MoonLoader", "100% {transform: rotate(360deg)}", "moon");
-function MoonLoader(_a) {
-    var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
-    var _g = (0, unitConverter_1.parseLengthAndUnit)(size), value = _g.value, unit = _g.unit;
-    var moonSize = value / 7;
-    var wrapper = __assign({ display: "inherit", position: "relative", width: "".concat("".concat(value + moonSize * 2).concat(unit)), height: "".concat("".concat(value + moonSize * 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" }, cssOverride);
-    var ballStyle = function (size) {
-        return {
-            width: (0, unitConverter_1.cssValue)(size),
-            height: (0, unitConverter_1.cssValue)(size),
-            borderRadius: "100%",
-        };
-    };
-    var ball = __assign(__assign({}, ballStyle(moonSize)), { backgroundColor: "".concat(color), opacity: "0.8", position: "absolute", top: "".concat("".concat(value / 2 - moonSize / 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" });
-    var circle = __assign(__assign({}, ballStyle(value)), { border: "".concat(moonSize, "px solid ").concat(color), opacity: "0.1", boxSizing: "content-box", position: "absolute" });
-    if (!loading) {
-        return null;
-    }
-    return (React.createElement("span", __assign({ style: wrapper }, additionalprops),
-        React.createElement("span", { style: ball }),
-        React.createElement("span", { style: circle })));
-}
-var _default = MoonLoader$1.default = MoonLoader;
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M7.627 14.435l-5.69-5.69L0 10.67l7.627 7.627L24 1.924 22.076 0z"
-});
-
-function SvgCheck(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 18.297"
-  }, props), _ref);
-}
-
-exports.SvgCheck = SvgCheck;
-exports._default = _default;