@desynova-digital/components 9.0.26 → 9.1.0

package/atoms/cardV2/cardV2.story.js

@@ -1,19 +1,14 @@
-'use strict';
-
-var _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; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _react3 = require('@storybook/react');
-
-var _storyHelpers = require('../../_helpers/story-helpers');
-
-var _components = require('../../components');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _storyHelpers = require("../../_helpers/story-helpers");
+var _components = require("../../components");
+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 _objectSpread(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) { (0, _defineProperty2["default"])(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; }
 var COMMON_PROPS = {
   iframeurl: 'https://ctdnstgthumbnail.contido.io/5f36421a95eabf451fe82554_v1_thumbnail_preview.jpg',
   thumbnail: 'https://ctdnstgthumbnail.contido.io/5f36421a95eabf451fe82554_v1_thumbnail.jpg',
@@ -22,234 +17,191 @@ var COMMON_PROPS = {
     return console.log(field, ingest);
   }
 };
-
-var COMMON_SEARCH_PROPS = _extends({}, COMMON_PROPS, {
+var COMMON_SEARCH_PROPS = _objectSpread(_objectSpread({}, COMMON_PROPS), {}, {
   type: 'search',
   h1: 'Carnival Row',
   h3: '24/05/2021',
   isSegment: true
 });
-
 var overllapingShows = [{
   episode_name: 'Wicked Tuna: North vs South, East vs West, All Sides',
   season_no: 2,
   episode_no: 3,
   duration: 30,
   thumbnail: 'https://ctdnstgthumbnail.contido.io/5f36421a95eabf451fe82554_v1_thumbnail_preview.jpg'
-}, { episode_name: 'Carnival Row', season_no: 2, episode_no: 3, duration: 30 }, { episode_name: 'Carnival Row', season_no: 2, episode_no: 4, duration: 30 }];
-
-(0, _react3.storiesOf)('CardV2').add('dark theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Dark Mode', background: 'dark' },
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Timeline Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({}, COMMON_PROPS, {
-        h1: 'Wicked Tuna: North vs South, East vs West, All Sides',
-        h2: 'S1 E1',
-        startTime: 1640968200000,
-        endTime: 1640970000000,
-        overlapping: overllapingShows,
-        type: 'timeline'
-      }))
-    ),
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Collab Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({}, COMMON_PROPS, {
-        h1: 'Wicked Tuna: North vs South, East vs West, All Sides',
-        h2: 'S1 E1',
-        h3: '24/05/2021',
-        h4: 'HINDI',
-        h5: 'V1',
-        upload_type: 'rc',
-        isSegment: true,
-        file_type: 'document',
-        upload_status: 'Uploading' // if upload_status is present then card_status will be ignored
-        , card_status: 'Revision',
-        actions: [{
-          title: 'Download',
-          field: 'download',
-          icon: 'download'
-        }, {
-          title: 'Tagging',
-          field: 'tagging',
-          icon: 'tagging'
-        }]
-      }))
-    ),
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Search Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, COMMON_SEARCH_PROPS),
-      _react2.default.createElement(_components.CardV2, _extends({
-        type: 'search',
-        width: 'md'
-      }, COMMON_SEARCH_PROPS, {
-        h1: '1234567890 1234567890 1234567890 1234'
-      })),
-      _react2.default.createElement(_components.CardV2, _extends({ type: 'search', width: 'sm' }, COMMON_SEARCH_PROPS))
-    )
-  );
+}, {
+  episode_name: 'Carnival Row',
+  season_no: 2,
+  episode_no: 3,
+  duration: 30
+}, {
+  episode_name: 'Carnival Row',
+  season_no: 2,
+  episode_no: 4,
+  duration: 30
+}];
+(0, _react2.storiesOf)('CardV2').add('dark theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Dark Mode",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Timeline Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({}, COMMON_PROPS, {
+    h1: "Wicked Tuna: North vs South, East vs West, All Sides",
+    h2: "S1 E1",
+    startTime: 1640968200000,
+    endTime: 1640970000000,
+    overlapping: overllapingShows,
+    type: "timeline"
+  }))), /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Collab Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({}, COMMON_PROPS, {
+    h1: "Wicked Tuna: North vs South, East vs West, All Sides",
+    h2: "S1 E1",
+    h3: "24/05/2021",
+    h4: "HINDI",
+    h5: "V1",
+    upload_type: "rc",
+    isSegment: true,
+    file_type: "document",
+    upload_status: "Uploading" // if upload_status is present then card_status will be ignored
+    ,
+    card_status: "Revision",
+    actions: [{
+      title: 'Download',
+      field: 'download',
+      icon: 'download'
+    }, {
+      title: 'Tagging',
+      field: 'tagging',
+      icon: 'tagging'
+    }]
+  }))), /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Search Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, COMMON_SEARCH_PROPS), /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    type: "search",
+    width: "md"
+  }, COMMON_SEARCH_PROPS, {
+    h1: "1234567890 1234567890 1234567890 1234"
+  })), /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    type: "search",
+    width: "sm"
+  }, COMMON_SEARCH_PROPS))));
 });
-
-(0, _react3.storiesOf)('CardV2').add('light theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    null,
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Timeline Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({}, COMMON_PROPS, {
-        h1: 'Wicked Tuna: North vs South, East vs West, All Sides',
-        h2: 'S1 E1',
-        startTime: 1640968200000,
-        endTime: 1640970000000,
-        overlapping: overllapingShows,
-        type: 'timeline'
-      }))
-    ),
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Collab Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({}, COMMON_PROPS, {
-        h1: 'Wicked Tuna: North vs South, East vs West, All Sides',
-        h2: 'S1 E1',
-        h3: '24/05/2021',
-        h4: 'HINDI',
-        h5: 'V1',
-        upload_type: 'rc',
-        isSegment: true,
-        file_type: 'document',
-        upload_status: 'Uploading' // if upload_status is present then card_status will be ignored
-        , card_status: 'Revision',
-        actions: [{
-          title: 'Download',
-          field: 'download',
-          icon: 'download'
-        }, {
-          title: 'Tagging',
-          field: 'tagging',
-          icon: 'tagging'
-        }]
-      }))
-    ),
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Search Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, COMMON_SEARCH_PROPS),
-      _react2.default.createElement(_components.CardV2, _extends({
-        type: 'search',
-        width: 'md'
-      }, COMMON_SEARCH_PROPS, {
-        h1: '1234567890 1234567890 1234567890 1234'
-      })),
-      _react2.default.createElement(_components.CardV2, _extends({ type: 'search', width: 'sm' }, COMMON_SEARCH_PROPS))
-    )
-  );
+(0, _react2.storiesOf)('CardV2').add('light theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, null, /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Timeline Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({}, COMMON_PROPS, {
+    h1: "Wicked Tuna: North vs South, East vs West, All Sides",
+    h2: "S1 E1",
+    startTime: 1640968200000,
+    endTime: 1640970000000,
+    overlapping: overllapingShows,
+    type: "timeline"
+  }))), /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Collab Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({}, COMMON_PROPS, {
+    h1: "Wicked Tuna: North vs South, East vs West, All Sides",
+    h2: "S1 E1",
+    h3: "24/05/2021",
+    h4: "HINDI",
+    h5: "V1",
+    upload_type: "rc",
+    isSegment: true,
+    file_type: "document",
+    upload_status: "Uploading" // if upload_status is present then card_status will be ignored
+    ,
+    card_status: "Revision",
+    actions: [{
+      title: 'Download',
+      field: 'download',
+      icon: 'download'
+    }, {
+      title: 'Tagging',
+      field: 'tagging',
+      icon: 'tagging'
+    }]
+  }))), /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Search Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, COMMON_SEARCH_PROPS), /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    type: "search",
+    width: "md"
+  }, COMMON_SEARCH_PROPS, {
+    h1: "1234567890 1234567890 1234567890 1234"
+  })), /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    type: "search",
+    width: "sm"
+  }, COMMON_SEARCH_PROPS))));
 });
-
-(0, _react3.storiesOf)('CardV2').add('nexc theme', function () {
-  return _react2.default.createElement(
-    _storyHelpers.Example,
-    { title: 'Dark Mode', background: 'dark' },
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Timeline Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({}, COMMON_PROPS, {
-        theme: 'nexc',
-        h1: 'Wicked Tuna: North vs South, East vs West, All Sides',
-        h2: 'S1 E1',
-        startTime: 1640968200000,
-        endTime: 1640970000000,
-        overlapping: overllapingShows,
-        type: 'timeline'
-      }))
-    ),
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Collab Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({}, COMMON_PROPS, {
-        theme: 'nexc',
-        h1: 'Wicked Tuna: North vs South, East vs West, All Sides',
-        h2: 'S1 E1',
-        h3: '24/05/2021',
-        h4: 'HINDI',
-        h5: 'V1',
-        upload_type: 'rc',
-        isSegment: true,
-        file_type: 'document',
-        upload_status: 'Uploading' // if upload_status is present then card_status will be ignored
-        , card_status: 'Revision',
-        actions: [{
-          title: 'Download',
-          field: 'download',
-          icon: 'download'
-        }, {
-          title: 'Tagging',
-          field: 'tagging',
-          icon: 'tagging'
-        }]
-      }))
-    ),
-    _react2.default.createElement(
-      'h1',
-      { style: { marginBottom: '10px' } },
-      'Search Cards'
-    ),
-    _react2.default.createElement(
-      _storyHelpers.Stack,
-      null,
-      _react2.default.createElement(_components.CardV2, _extends({ theme: 'nexc' }, COMMON_SEARCH_PROPS)),
-      _react2.default.createElement(_components.CardV2, _extends({
-        theme: 'nexc',
-        type: 'search',
-        width: 'md'
-      }, COMMON_SEARCH_PROPS, {
-        h1: '1234567890 1234567890 1234567890 1234'
-      })),
-      _react2.default.createElement(_components.CardV2, _extends({ theme: 'nexc', type: 'search', width: 'sm' }, COMMON_SEARCH_PROPS))
-    )
-  );
+(0, _react2.storiesOf)('CardV2').add('nexc theme', function () {
+  return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
+    title: "Dark Mode",
+    background: "dark"
+  }, /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Timeline Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({}, COMMON_PROPS, {
+    theme: "nexc",
+    h1: "Wicked Tuna: North vs South, East vs West, All Sides",
+    h2: "S1 E1",
+    startTime: 1640968200000,
+    endTime: 1640970000000,
+    overlapping: overllapingShows,
+    type: "timeline"
+  }))), /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Collab Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({}, COMMON_PROPS, {
+    theme: "nexc",
+    h1: "Wicked Tuna: North vs South, East vs West, All Sides",
+    h2: "S1 E1",
+    h3: "24/05/2021",
+    h4: "HINDI",
+    h5: "V1",
+    upload_type: "rc",
+    isSegment: true,
+    file_type: "document",
+    upload_status: "Uploading" // if upload_status is present then card_status will be ignored
+    ,
+    card_status: "Revision",
+    actions: [{
+      title: 'Download',
+      field: 'download',
+      icon: 'download'
+    }, {
+      title: 'Tagging',
+      field: 'tagging',
+      icon: 'tagging'
+    }]
+  }))), /*#__PURE__*/_react["default"].createElement("h1", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, "Search Cards"), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    theme: "nexc"
+  }, COMMON_SEARCH_PROPS)), /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    theme: "nexc",
+    type: "search",
+    width: "md"
+  }, COMMON_SEARCH_PROPS, {
+    h1: "1234567890 1234567890 1234567890 1234"
+  })), /*#__PURE__*/_react["default"].createElement(_components.CardV2, (0, _extends2["default"])({
+    theme: "nexc",
+    type: "search",
+    width: "sm"
+  }, COMMON_SEARCH_PROPS))));
 });