@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.30

package/build/widgets/SummaryCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/widgets/index.js

@@ -0,0 +1,12 @@
+export { default as AssetGallery } from './AssetGallery/AssetGallery.js';
+export { default as ContextMenu } from './ContextMenu/ContextMenu.js';
+export { default as ContextMenuItem } from './ContextMenu/ContextMenuItem/ContextMenuItem.js';
+export { default as ContextMenuItemsGroup } from './ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js';
+export { default as AssetPreviewTopBar } from './AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js';
+export { default as Instructions } from './Instructions/Instructions.js';
+export { default as SummaryCard } from './SummaryCard/SummaryCard.js';
+export { default as AssetActionBase } from './AssetActionsBase/AssetActionsBase.js';
+export { default as AssetAction } from './AssetAction/AssetAction.js';
+export { default as ProgressBar } from './ProgressBar/ProgressBar.js';
+export { default as InfoCard } from './InfoCard/InfoCard.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/package.json

@@ -1,50 +1,40 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.30",
+  "publishConfig": {
+    "access": "public"
+  },
   "description": "NTBs common front-end design utilities and React components.",
-  "type": "module",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
   "exports": {
-    ".": {
-      "import": "./build/esm/components/index.js",
-      "require": "./build/cjs/components/index.js"
-    },
-    "./ssr": {
-      "import": "./build/esm/ssr/index.js",
-      "require": "./build/cjs/ssr/index.js"
-    },
-    "./inputs": {
-      "import": "./build/esm/components/inputs/index.js",
-      "require": "./build/cjs/components/inputs/index.js"
-    },
-    "./data": {
-      "import": "./build/esm/components/data/index.js",
-      "require": "./build/cjs/components/data/index.js"
-    },
-    "./widgets": {
-      "import": "./build/esm/components/widgets/index.js",
-      "require": "./build/cjs/components/widgets/index.js"
-    },
-    "./layout": {
-      "import": "./build/esm/components/layout/index.js",
-      "require": "./build/cjs/components/layout/index.js"
-    },
-    "./*": {
-      "import": "./build/esm/*",
-      "require": "./build/cjs/*"
-    }
+    "./inputs": "./build/inputs/index.js",
+    "./inputs/*": "./build/inputs/*/index.js",
+    "./data": "./build/data/index.js",
+    "./data/*": "./build/data/*/index.js",
+    "./layout": "./build/layout/index.js",
+    "./layout/*": "./build/layout/*/index.js",
+    "./widgets": "./build/widgets/index.js",
+    "./widgets/*": "./build/widgets/*/index.js",
+    "./widgets/*/*": "./build/widgets/*/*/index.js",
+    "./ssr": "./build/ssr/index.js",
+    "./styles/*": "./styles/*",
+    "./icons/*": "./icons/*",
+    "./build/*": "./build/*"
   },
-  "main": "./build/cjs/components/index.js",
-  "module": "./build/esm/components/index.js",
-  "sideEffects": false,
+  "files": [
+    "build",
+    "styles",
+    "icons"
+  ],
   "scripts": {
-    "build": "mkdir -p /tmp/.npm-cache && cross-env NODE_ENV=production ROLLUP_CACHE_DIR=/tmp/.npm-cache rollup -c",
+    "build": "cross-env NODE_ENV=production rollup -c",
     "test": "jest",
     "test:watch": "jest --watch",
     "lint": "eslint .",
-    "storybook": "storybook dev -p 6006",
-    "storybook:export": "storybook build",
-    "generate": "node ./util/create-component",
-    "prepublishOnly": "npm run build"
+    "storybook": "start-storybook -p 6006",
+    "storybook:export": "build-storybook",
+    "generate": "node ./util/create-component"
   },
   "repository": {
     "type": "git",
@@ -55,31 +45,27 @@
     "url": ""
   },
   "homepage": "https://bitbucket.org/NTB-NO/react-components/src/master/",
-  "engines": {
-    "node": ">=22.0.0",
-    "npm": ">=10.0.0"
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.13.16",
+    "@babel/core": "^7.28.5",
     "@babel/eslint-parser": "^7.13.14",
     "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/plugin-proposal-optional-chaining": "^7.13.12",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-react": "^7.13.13",
-    "@chromatic-com/storybook": "^3.2.6",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/addon-docs": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-mdx-gfm": "^8.6.12",
-    "@storybook/addon-themes": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@storybook/addon-actions": "^6.5.14",
+    "@storybook/addon-docs": "^6.5.14",
+    "@storybook/addon-essentials": "^6.5.14",
+    "@storybook/addon-links": "^6.5.14",
+    "@storybook/cli": "^6.5.14",
+    "@storybook/react": "^6.5.14",
     "@svgr/rollup": "^5.5.0",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.12.0",
@@ -93,25 +79,29 @@
     "eslint-plugin-react": "^7.24.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.4",
+    "madge": "^8.0.0",
     "postcss": "^8.3.0",
     "prop-types": "^15.7.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rollup": "^2.50.6",
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-multi-input": "^1.3.1",
     "rollup-plugin-peer-deps-external": "^2.2.0",
-    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-scss": "^2.6.1",
     "rollup-plugin-url": "^3.0.1",
-    "sass": "^1.86.3",
-    "sass-loader": "^16.0.5",
-    "storybook": "^8.6.12",
+    "sass": "^1.97.2",
+    "sass-loader": "^10.1.1",
+    "storybook-dark-mode": "^2.0.4",
     "url-loader": "^4.1.1"
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
     "@restart/hooks": "^0.3.26",
-    "@storybook/theming": "^8.6.12",
+    "@storybook/addons": "^6.5.14",
+    "@storybook/theming": "^6.5.14",
     "@tippyjs/react": "^4.2.6",
     "lodash": "^4.17.21",
     "nanoid": "^3.3.8",

package/styles/all.scss

@@ -1,3 +1,3 @@
-@use './config' as *;
-@use 'utils/colors' as *;
-@use 'utils/theme' as *;
+@import './config';
+@import 'utils/colors';
+@import 'utils/theme';

package/styles/config.scss

@@ -19,6 +19,7 @@ $colors: (
   'gray-300': #d9dce0,
   'gray-200': #eff1f4,
   'gray-100': #f7f8f9,
+  'gray-50': #f4f4f5,
   'cercise-500': #5f1031,
   'cercise-400': #854962,
   'cercise-300': #d099b0,

package/styles/utils/colors.scss

@@ -1,15 +1,15 @@
-@use '../config' as *;
+@use '../config';
 
 @function color($name) {
-  @if map-has-key($colors, $name) {
-    @return map-get($colors, $name);
+  @if map-has-key(config.$colors, $name) {
+    @return map-get(config.$colors, $name);
   } @else {
     @error "No color with the name `#{$name}`. was found.";
   }
 }
 
 :export {
-  @each $name, $color in $colors {
+  @each $name, $color in config.$colors {
     #{$name}: $color;
   }
 }

package/styles/utils/theme.scss

@@ -1,5 +1,3 @@
-@use '../config' as *;
-
 @mixin color($dark-color, $light-color) {
   @include genericThemeCode('color', $dark-color, $light-color);
 }

package/.eslintrc

@@ -1,19 +0,0 @@
-{
-  "env": {
-    "es6": true,
-    "browser": true,
-    "node": true,
-    "jest": true
-  },
-  "parserOptions": {
-    "sourceType": "module"
-  },
-  "ignorePatterns": ["build", "storybook-static"],
-  "parser": "@babel/eslint-parser",
-  "extends": ["eslint:recommended", "plugin:react/recommended"],
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  }
-}

package/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -1,84 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-
-exports.defineProperty = _defineProperty;
-exports["extends"] = _extends;
-exports.objectSpread2 = _objectSpread2;
-exports.objectWithoutProperties = _objectWithoutProperties;
-exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
-exports.toPrimitive = _toPrimitive;
-exports.toPropertyKey = _toPropertyKey;

package/cjs/_virtual/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = {exports: {}};
-
-exports.react = react;

package/cjs/_virtual/index2.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var propTypes = {exports: {}};
-
-exports.propTypes = propTypes;

package/cjs/_virtual/index3.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIs = {exports: {}};
-
-exports.reactIs = reactIs;

package/cjs/_virtual/index4.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDom = {exports: {}};
-
-exports.reactDom = reactDom;

package/cjs/_virtual/index5.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIs = {exports: {}};
-
-exports.reactIs = reactIs;

package/cjs/_virtual/react-dom.development.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDom_development = {};
-
-exports.__exports = reactDom_development;

package/cjs/_virtual/react-dom.production.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDom_production = {};
-
-exports.__exports = reactDom_production;

package/cjs/_virtual/react-is.development.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIs_development = {};
-
-exports.__exports = reactIs_development;

package/cjs/_virtual/react-is.development2.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIs_development = {};
-
-exports.__exports = reactIs_development;

package/cjs/_virtual/react-is.production.min.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIs_production_min = {};
-
-exports.__exports = reactIs_production_min;

package/cjs/_virtual/react-is.production.min2.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactIs_production_min = {};
-
-exports.__exports = reactIs_production_min;

package/cjs/_virtual/react.development.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react_development = {exports: {}};
-
-exports.react_development = react_development;

package/cjs/_virtual/react.production.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react_production = {};
-
-exports.__exports = react_production;

package/cjs/components/data/Alert/Alert.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../../node_modules/react/index.js');
-var index$1 = require('../../../node_modules/prop-types/index.js');
-var Alert_styled = require('./Alert.styled.js');
-var lodash = require('lodash');
-
-const _excluded = ["type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"];
-const Alert = index["default"].forwardRef(function Alert(_ref, forwardedRef) {
-  let {
-      type,
-      alertMessage,
-      align,
-      icon,
-      fontSize,
-      lineHeight,
-      lineClamp,
-      verticalPadding,
-      horizontalPadding,
-      width
-    } = _ref,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  let isWarning = false;
-  let isError = false;
-  let isInfo = true;
-  if (!lodash.isEmpty(type)) {
-    if (type === 'warning') {
-      isWarning = true;
-    } else if (type === 'error') {
-      isError = true;
-    } else {
-      isInfo = true;
-    }
-  } else {
-    if (isWarning || isError) {
-      isInfo = false;
-    }
-  }
-  return index["default"].createElement(Alert_styled.Alert, _rollupPluginBabelHelpers["extends"]({
-    ref: forwardedRef,
-    alertMessage: alertMessage,
-    warning: isWarning,
-    error: isError,
-    info: isInfo,
-    align: align,
-    verticalPadding: verticalPadding,
-    horizontalPadding: horizontalPadding,
-    width: width
-  }, props), index["default"].createElement(Alert_styled.AlertRender, {
-    fontSize: fontSize,
-    lineHeight: lineHeight,
-    lineClamp: lineClamp
-  }, icon, " ", index["default"].createElement("span", null, alertMessage)));
-});
-Alert.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: index$1["default"].oneOf(['warning', 'error', 'info']),
-  icon: index$1["default"].element,
-  align: index$1["default"].oneOf(['left', 'center']),
-  alertMessage: index$1["default"].string,
-  fontSize: index$1["default"].number,
-  lineHeight: index$1["default"].number,
-  lineClamp: index$1["default"].number,
-  verticalPadding: index$1["default"].number,
-  horizontalPadding: index$1["default"].number,
-  width: index$1["default"].number
-} : {};
-Alert.defaultProps = {
-  warning: false,
-  error: false,
-  align: 'left',
-  alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',
-  lineClamp: 0,
-  horizontalPadding: 30,
-  verticalPadding: 17
-};
-var Alert$1 = Alert;
-
-exports["default"] = Alert$1;

package/cjs/components/data/Alert/Alert.styled.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var defaultTheme = require('../../../utils/defaultTheme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6;
-const Alert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
-  display: flex;
-  flex-direction: column;
-  padding: ${0};
-  width: ${0};
-  box-sizing: border-box;
-
-  ${0}
-
-  ${0}
-  
-  ${0}
-  
-  text-align: ${0};
-`), props => {
-  var _props$verticalPaddin, _props$horizontalPadd;
-  const verticalPadding = (_props$verticalPaddin = props.verticalPadding) !== null && _props$verticalPaddin !== void 0 ? _props$verticalPaddin : 17;
-  const horizontalPadding = (_props$horizontalPadd = props.horizontalPadding) !== null && _props$horizontalPadd !== void 0 ? _props$horizontalPadd : 30;
-  return `${verticalPadding}px ${horizontalPadding}px`;
-}, props => props.width ? `${props.width}px` : '100%', props => props.warning && styled.css(_t2 || (_t2 = _`
-      ${0}
-    `), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))), props => props.error && styled.css(_t3 || (_t3 = _`
-      ${0}
-    `), props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200'))), props => props.info && styled.css(_t4 || (_t4 = _`
-      background: transparent;
-    `)), props => props.align === 'center' ? 'center' : 'left');
-const AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t5 || (_t5 = _`
-  display: flex;
-  align-items: center;
-  word-break: break-word;
-  ${0}
-  ${0}
-  ${0};
-
-  svg {
-    width: 12px;
-    height: 12px;
-  }
-
-  span {
-    flex: 1;
-    padding-left: 5px;
-    ${0};
-  }
-`), props => props.lineHeight ? `line-height: ${props.lineHeight}px;` : null, props => props.fontSize ? `font-size: ${props.fontSize}px;` : null, props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')), props => props.lineClamp ? styled.css(_t6 || (_t6 = _`
-            display: -webkit-box;
-            -webkit-line-clamp: ${0};
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          `), props.lineClamp) : null);
-
-exports.Alert = Alert;
-exports.AlertRender = AlertRender;

package/cjs/components/data/Alert/data/Alert/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Alert = require('../../Alert.js');
-
-
-
-exports["default"] = Alert["default"];