@panneau/display-unit 3.0.130

package/es/index.js

@@ -0,0 +1,55 @@
+import prettyBytes from 'pretty-bytes';
+import PropTypes from 'prop-types';
+import React, { useMemo } from 'react';
+import { formatDuration } from '@panneau/core/utils';
+
+/* eslint-disable react/jsx-no-useless-fragment */
+var propTypes = {
+  format: PropTypes.string,
+  suffix: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+var defaultProps = {
+  format: null,
+  suffix: null,
+  value: null
+};
+var Unit = function Unit(_ref) {
+  var format = _ref.format,
+    value = _ref.value,
+    suffix = _ref.suffix;
+  var finalValue = useMemo(function () {
+    if (value === null) {
+      return null;
+    }
+    if (format === 'bytes') {
+      return prettyBytes(parseInt(value, 10));
+    }
+    if (format === 'dimensions') {
+      var _ref2 = value || {},
+        _ref2$width = _ref2.width,
+        width = _ref2$width === void 0 ? null : _ref2$width,
+        _ref2$height = _ref2.height,
+        height = _ref2$height === void 0 ? null : _ref2$height,
+        _ref2$depth = _ref2.depth,
+        depth = _ref2$depth === void 0 ? null : _ref2$depth;
+      var finalWidth = width !== null && width > 0 ? width : null;
+      var finalHeight = height !== null && height > 0 ? height : null;
+      var finalDepth = depth !== null && depth > 0 ? depth : null;
+      var finalSuffix = suffix !== null ? suffix : '';
+      return "".concat(finalWidth !== null ? "".concat(finalWidth).concat(finalSuffix) : '').concat(finalHeight !== null ? " x ".concat(finalHeight).concat(finalSuffix) : '').concat(finalDepth !== null ? " x ".concat(finalDepth).concat(finalSuffix) : '');
+    }
+    if (format === 'duration') {
+      return formatDuration(value);
+    }
+    return value;
+  }, [value]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "text-nowrap"
+  }, finalValue);
+};
+Unit.propTypes = propTypes;
+Unit.defaultProps = defaultProps;
+var Unit$1 = Unit;
+
+export { Unit$1 as default };

package/lib/index.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var prettyBytes = require('pretty-bytes');
+var PropTypes = require('prop-types');
+var React = require('react');
+var utils = require('@panneau/core/utils');
+
+/* eslint-disable react/jsx-no-useless-fragment */
+var propTypes = {
+  format: PropTypes.string,
+  suffix: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+var defaultProps = {
+  format: null,
+  suffix: null,
+  value: null
+};
+var Unit = function Unit(_ref) {
+  var format = _ref.format,
+    value = _ref.value,
+    suffix = _ref.suffix;
+  var finalValue = React.useMemo(function () {
+    if (value === null) {
+      return null;
+    }
+    if (format === 'bytes') {
+      return prettyBytes(parseInt(value, 10));
+    }
+    if (format === 'dimensions') {
+      var _ref2 = value || {},
+        _ref2$width = _ref2.width,
+        width = _ref2$width === void 0 ? null : _ref2$width,
+        _ref2$height = _ref2.height,
+        height = _ref2$height === void 0 ? null : _ref2$height,
+        _ref2$depth = _ref2.depth,
+        depth = _ref2$depth === void 0 ? null : _ref2$depth;
+      var finalWidth = width !== null && width > 0 ? width : null;
+      var finalHeight = height !== null && height > 0 ? height : null;
+      var finalDepth = depth !== null && depth > 0 ? depth : null;
+      var finalSuffix = suffix !== null ? suffix : '';
+      return "".concat(finalWidth !== null ? "".concat(finalWidth).concat(finalSuffix) : '').concat(finalHeight !== null ? " x ".concat(finalHeight).concat(finalSuffix) : '').concat(finalDepth !== null ? " x ".concat(finalDepth).concat(finalSuffix) : '');
+    }
+    if (format === 'duration') {
+      return utils.formatDuration(value);
+    }
+    return value;
+  }, [value]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "text-nowrap"
+  }, finalValue);
+};
+Unit.propTypes = propTypes;
+Unit.defaultProps = defaultProps;
+var Unit$1 = Unit;
+
+exports.default = Unit$1;

package/package.json

@@ -0,0 +1,60 @@
+{
+    "name": "@panneau/display-unit",
+    "version": "3.0.130",
+    "description": "Unit display",
+    "keywords": [
+        "javascript"
+    ],
+    "homepage": "https://github.com/folkloreinc/panneau-js",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/folkloreinc/panneau-js.git"
+    },
+    "author": {
+        "name": "Folklore",
+        "email": "info@folklore.email"
+    },
+    "contributors": [
+        {
+            "name": "David Mongeau-Petitpas",
+            "email": "dmp@folklore.email"
+        },
+        {
+            "name": "Nicolas Roy-Bourdages",
+            "email": "nrb@folklore.email"
+        }
+    ],
+    "license": "ISC",
+    "main": "lib/index.js",
+    "module": "es/index.js",
+    "files": [
+        "lib",
+        "es",
+        "assets"
+    ],
+    "scripts": {
+        "prepublishOnly": "npm run build",
+        "build": "../../scripts/prepare-package.sh"
+    },
+    "devDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    },
+    "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@panneau/core": "^3.0.130",
+        "@panneau/themes": "^3.0.130",
+        "lodash": "^4.17.21",
+        "pretty-bytes": "^6.1.1",
+        "prop-types": "^15.7.2",
+        "react-intl": "^5.15.8||^6.0.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "e6070daacb45351ccbef67ae8006f1a293ca8e2b"
+}