@ndla/ui 13.2.1 → 15.0.0

package/lib/MyNdla/ResourceDash/ResourceElement.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@emotion/core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var ResourceElementWrapper = (0, _styledBase["default"])("div", {
-  target: "eskq45w0",
-  label: "ResourceElementWrapper"
-})("display:flex;align-items:center;padding:0.5rem;border:1px solid rgba(209,214,219,1);border-radius:2px;background:", function (_ref) {
-  var type = _ref.type;
-  return type === 'folder' ? '#fafaf9' : '#fff';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxRSIsImZpbGUiOiJSZXNvdXJjZUVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuLy8gaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxudHlwZSBSZXNvdXJjZUVsZW1lbnRXcmFwcGVyUHJvcCA9IHtcbiAgdHlwZTogJ2ZvbGRlcicgfCAncmVzb3VyY2UnO1xufTtcblxuY29uc3QgUmVzb3VyY2VFbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXY8UmVzb3VyY2VFbGVtZW50V3JhcHBlclByb3A+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVyZW07XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjA5LCAyMTQsIDIxOSwgMSk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0eXBlIH0pID0+ICh0eXBlID09PSAnZm9sZGVyJyA/ICcjZmFmYWY5JyA6ICcjZmZmJyl9O1xuYDtcblxudHlwZSBSZXNvdXJjZUVsZW1lbnRQcm9wcyA9IHtcbiAgdHlwZTogJ2ZvbGRlcicgfCAncmVzb3VyY2UnO1xuICB0aXRsZTogc3RyaW5nO1xuICByaWdodFNpZGU/OiBSZWFjdEVsZW1lbnQ7XG4gIGxlZnRTaWRlPzogUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5jb25zdCBSZXNvdXJjZUVsZW1lbnQgPSAoeyB0eXBlLCB0aXRsZSwgZGVzY3JpcHRpb24sIGxlZnRTaWRlLCByaWdodFNpZGUsIGNoaWxkcmVuIH06IFJlc291cmNlRWxlbWVudFByb3BzKSA9PiB7XG4gIC8vIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VFbGVtZW50V3JhcHBlciB0eXBlPXt0eXBlfT5cbiAgICAgIDxkaXY+e2xlZnRTaWRlfTwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGgxPnt0aXRsZX08L2gxPlxuICAgICAgICA8cD57ZGVzY3JpcHRpb259PC9wPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXY+e3JpZ2h0U2lkZX08L2Rpdj5cbiAgICA8L1Jlc291cmNlRWxlbWVudFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUVsZW1lbnQ7XG4iXX0= */"));
-
-var ResourceElement = function ResourceElement(_ref2) {
-  var type = _ref2.type,
-      title = _ref2.title,
-      description = _ref2.description,
-      leftSide = _ref2.leftSide,
-      rightSide = _ref2.rightSide,
-      children = _ref2.children;
-  // const { t } = useTranslation();
-  return (0, _core.jsx)(ResourceElementWrapper, {
-    type: type
-  }, (0, _core.jsx)("div", null, leftSide), (0, _core.jsx)("div", null, (0, _core.jsx)("h1", null, title), (0, _core.jsx)("p", null, description), children), (0, _core.jsx)("div", null, rightSide));
-};
-
-var _default = ResourceElement;
-exports["default"] = _default;

package/lib/MyNdla/ResourceDash/ResourcesView.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ResourcesView = void 0;
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ResourceElement = _interopRequireDefault(require("./ResourceElement"));
-
-var _core = require("@emotion/core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-var ResourcesWrapper = (0, _styledBase["default"])("div", {
-  target: "eef59gq0",
-  label: "ResourcesWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1hhdphc",
-  styles: "display:flex;flex-direction:column;gap:1rem;0;"
-} : {
-  name: "1hhdphc",
-  styles: "display:flex;flex-direction:column;gap:1rem;0;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlc1ZpZXcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiJSZXNvdXJjZXNWaWV3LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBSZXNvdXJjZUVsZW1lbnQgZnJvbSAnLi9SZXNvdXJjZUVsZW1lbnQnO1xuXG5jb25zdCBSZXNvdXJjZXNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxcmVtOyAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc291cmNlc1ZpZXcgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJlc291cmNlc1dyYXBwZXI+XG4gICAgICA8UmVzb3VyY2VFbGVtZW50XG4gICAgICAgIHR5cGU9XCJmb2xkZXJcIlxuICAgICAgICB0aXRsZT1cIkV4YW1wbGUgZm9sZGVyXCJcbiAgICAgICAgbGVmdFNpZGU9ezxpbWcgc3JjPVwiaHR0cDovL3BsYWNla2l0dGVuLmNvbS8yMDAvMjAwXCIgYWx0PVwiTWphb29cIiAvPn1cbiAgICAgICAgcmlnaHRTaWRlPXs8c3Bhbj4jdGFnPC9zcGFuPn1cbiAgICAgICAgZGVzY3JpcHRpb249XCJzb21lIGRlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxwPkltIGEgY2hpbGQuLiBpbnNlcnQgY29udGVudDwvcD5cbiAgICAgIDwvUmVzb3VyY2VFbGVtZW50PlxuICAgICAgPFJlc291cmNlRWxlbWVudFxuICAgICAgICB0eXBlPVwicmVzb3VyY2VcIlxuICAgICAgICB0aXRsZT1cIkV4YW1wbGUgUmVzb3VyY2VcIlxuICAgICAgICBsZWZ0U2lkZT17PGltZyBzcmM9XCJodHRwOi8vcGxhY2VraXR0ZW4uY29tLzIwMC8yMDBcIiBhbHQ9XCJCcnJyXCIgLz59XG4gICAgICAgIHJpZ2h0U2lkZT17PHNwYW4+I3RhZzwvc3Bhbj59XG4gICAgICAgIGRlc2NyaXB0aW9uPVwic29tZSBkZXNjcmlwdGlvblwiPlxuICAgICAgICA8cD5JbSBhIGNoaWxkLi4gaW5zZXJ0IGNvbnRlbnQ8L3A+XG4gICAgICA8L1Jlc291cmNlRWxlbWVudD5cbiAgICA8L1Jlc291cmNlc1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZXNWaWV3O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-var ResourcesView = function ResourcesView() {
-  return (0, _core.jsx)(ResourcesWrapper, null, (0, _core.jsx)(_ResourceElement["default"], {
-    type: "folder",
-    title: "Example folder",
-    leftSide: (0, _core.jsx)("img", {
-      src: "http://placekitten.com/200/200",
-      alt: "Mjaoo"
-    }),
-    rightSide: (0, _core.jsx)("span", null, "#tag"),
-    description: "some description"
-  }, (0, _core.jsx)("p", null, "Im a child.. insert content")), (0, _core.jsx)(_ResourceElement["default"], {
-    type: "resource",
-    title: "Example Resource",
-    leftSide: (0, _core.jsx)("img", {
-      src: "http://placekitten.com/200/200",
-      alt: "Brrr"
-    }),
-    rightSide: (0, _core.jsx)("span", null, "#tag"),
-    description: "some description"
-  }, (0, _core.jsx)("p", null, "Im a child.. insert content")));
-};
-
-exports.ResourcesView = ResourcesView;
-var _default = ResourcesView;
-exports["default"] = _default;

package/lib/MyNdla/ResourceDash/index.d.ts

@@ -1,4 +0,0 @@
-import Breadcrumbs from './Breadcrumbs';
-import ResourceElement from './ResourceElement';
-import ResourcesView from './ResourcesView';
-export { ResourcesView, ResourceElement, Breadcrumbs };

package/lib/MyNdla/ResourceDash/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Breadcrumbs", {
-  enumerable: true,
-  get: function get() {
-    return _Breadcrumbs["default"];
-  }
-});
-Object.defineProperty(exports, "ResourceElement", {
-  enumerable: true,
-  get: function get() {
-    return _ResourceElement["default"];
-  }
-});
-Object.defineProperty(exports, "ResourcesView", {
-  enumerable: true,
-  get: function get() {
-    return _ResourcesView["default"];
-  }
-});
-
-var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
-
-var _ResourceElement = _interopRequireDefault(require("./ResourceElement"));
-
-var _ResourcesView = _interopRequireDefault(require("./ResourcesView"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/src/MyNdla/ResourceDash/Breadcrumbs.tsx

@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import styled from '@emotion/styled';
-import React from 'react';
-
-const BreadcrumbsWrapper = styled.div``;
-
-type BreadcrumbsProps = {
-  items: {
-    title: string;
-    url: string;
-  }[];
-};
-
-export const Breadcrumbs = ({ items }: BreadcrumbsProps) => {
-  <BreadcrumbsWrapper>
-    {items.map(({ title, url }) => (
-      <a key={url} href={url}>
-        {title}
-      </a>
-    ))}
-  </BreadcrumbsWrapper>;
-};
-
-export default Breadcrumbs;

package/src/MyNdla/ResourceDash/ResourceElement.tsx

@@ -1,50 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import styled from '@emotion/styled';
-import React, { ReactElement } from 'react';
-// import { useTranslation } from 'react-i18next';
-
-type ResourceElementWrapperProp = {
-  type: 'folder' | 'resource';
-};
-
-const ResourceElementWrapper = styled.div<ResourceElementWrapperProp>`
-  display: flex;
-  align-items: center;
-  padding: 0.5rem;
-  border: 1px solid rgba(209, 214, 219, 1);
-  border-radius: 2px;
-  background: ${({ type }) => (type === 'folder' ? '#fafaf9' : '#fff')};
-`;
-
-type ResourceElementProps = {
-  type: 'folder' | 'resource';
-  title: string;
-  rightSide?: ReactElement;
-  leftSide?: ReactElement;
-  description?: string;
-  children?: ReactElement;
-};
-
-const ResourceElement = ({ type, title, description, leftSide, rightSide, children }: ResourceElementProps) => {
-  // const { t } = useTranslation();
-  return (
-    <ResourceElementWrapper type={type}>
-      <div>{leftSide}</div>
-      <div>
-        <h1>{title}</h1>
-        <p>{description}</p>
-        {children}
-      </div>
-      <div>{rightSide}</div>
-    </ResourceElementWrapper>
-  );
-};
-
-export default ResourceElement;

package/src/MyNdla/ResourceDash/ResourcesView.tsx

@@ -1,42 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import styled from '@emotion/styled';
-import React from 'react';
-import ResourceElement from './ResourceElement';
-
-const ResourcesWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 1rem; 0;
-`;
-
-export const ResourcesView = () => {
-  return (
-    <ResourcesWrapper>
-      <ResourceElement
-        type="folder"
-        title="Example folder"
-        leftSide={<img src="http://placekitten.com/200/200" alt="Mjaoo" />}
-        rightSide={<span>#tag</span>}
-        description="some description">
-        <p>Im a child.. insert content</p>
-      </ResourceElement>
-      <ResourceElement
-        type="resource"
-        title="Example Resource"
-        leftSide={<img src="http://placekitten.com/200/200" alt="Brrr" />}
-        rightSide={<span>#tag</span>}
-        description="some description">
-        <p>Im a child.. insert content</p>
-      </ResourceElement>
-    </ResourcesWrapper>
-  );
-};
-
-export default ResourcesView;

package/src/MyNdla/ResourceDash/index.ts

@@ -1,5 +0,0 @@
-import Breadcrumbs from './Breadcrumbs';
-import ResourceElement from './ResourceElement';
-import ResourcesView from './ResourcesView';
-
-export { ResourcesView, ResourceElement, Breadcrumbs };