@crystaldesign/content-item 24.7.0-beta.25

package/build/esm/index.js

@@ -0,0 +1,290 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useState } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import 'swiper/css';
+import 'swiper/css/thumbs';
+import 'swiper/css/free-mode';
+import 'swiper/css/navigation';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { FreeMode, Navigation, Thumbs } from 'swiper';
+
+(function() {
+    const env = {"STAGE":"production"};
+    try {
+        if (process) {
+            process.env = Object.assign({}, process.env);
+            Object.assign(process.env, env);
+            return;
+        }
+    } catch (e) {} // avoid ReferenceError: process is not defined
+    globalThis.process = { env:env };
+})();
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var urlText = "url-text-yHwAC";
+var css_248z$3 = ".url-text-yHwAC {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  text-align: right;\n  position: relative;\n  display: block;\n  width: 100%;\n}\n";
+styleInject(css_248z$3);
+
+var URL$1 = function URL(_ref) {
+  var _ref$item = _ref.item,
+    url = _ref$item.url;
+    _ref$item.icon;
+    var text = _ref$item.text;
+  if (!url) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("a", {
+    className: urlText,
+    href: url,
+    target: "_blank",
+    rel: "noopener",
+    children: text !== null && text !== void 0 ? text : 'URL'
+  });
+};
+
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Image = function Image(_ref) {
+  var _ref$item = _ref.item,
+    url = _ref$item.url,
+    _ref$item$cover = _ref$item.cover,
+    cover = _ref$item$cover === void 0 ? true : _ref$item$cover,
+    style = _ref$item.style,
+    altText = _ref$item.altText;
+  var styles = {};
+  if (!url) return /*#__PURE__*/jsx(Fragment, {});
+  var urlObj = new URL(url);
+  if (!cover) {
+    styles.maxWidth = '100%';
+    styles.maxHeight = '100%';
+  } else {
+    styles.objectFit = 'cover';
+    styles.minWidth = '100%';
+    styles.minHeight = '100%';
+  }
+  return /*#__PURE__*/jsx("img", {
+    alt: altText,
+    style: _objectSpread$2(_objectSpread$2({}, styles), style),
+    src: urlObj.toString()
+  });
+};
+
+var videoClass = "videoClass-jg-N2";
+var css_248z$2 = ".videoClass-jg-N2 {\n  width: 100%;\n}\n";
+styleInject(css_248z$2);
+
+var Video = function Video(_ref) {
+  var _ref$item = _ref.item,
+    url = _ref$item.url,
+    thumb = _ref$item.thumb;
+  if (!url) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("video", {
+    className: videoClass,
+    "aria-disabled": thumb,
+    disablePictureInPicture: thumb,
+    controls: !thumb,
+    autoPlay: !thumb,
+    children: /*#__PURE__*/jsx("source", {
+      src: url + (thumb ? '#t=2' : ''),
+      type: url.includes('.mp4') ? 'video/mp4' : 'video/webm'
+    })
+  });
+};
+
+var title = "title-0S918";
+var css_248z$1 = ".title-0S918 {\n  font-size: 18px;\n  font-weight: 500;\n}\n";
+styleInject(css_248z$1);
+
+var Title = function Title(_ref) {
+  var _ref$item = _ref.item,
+    text = _ref$item.text,
+    style = _ref$item.style;
+  if (!text) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("h4", {
+    className: title,
+    style: style,
+    children: text
+  });
+};
+
+var mySwiper2 = "mySwiper2-mfrK1";
+var mySwiper = "mySwiper-urn8y";
+var css_248z = "#DivaContentItem .swiper {\n  width: 100%;\n  height: 100%;\n}\n#DivaContentItem .swiper-slide {\n  text-align: center;\n  font-size: 18px;\n  background: #fff;\n\n  /* Center slide text vertically */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#DivaContentItem .swiper {\n  width: 100%;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\n}\n#DivaContentItem .swiper-slide {\n  background-size: cover;\n  background-position: center;\n}\n#DivaContentItem .mySwiper2-mfrK1 {\n  height: 80%;\n  width: 100%;\n}\n#DivaContentItem .mySwiper-urn8y {\n  height: 20%;\n  box-sizing: border-box;\n  padding: 10px 0;\n}\n#DivaContentItem .mySwiper-urn8y .swiper-slide {\n  width: 25%;\n  height: 100%;\n  opacity: 0.4;\n}\n#DivaContentItem .mySwiper-urn8y .swiper-slide-thumb-active {\n  opacity: 1;\n}\n";
+styleInject(css_248z);
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Gallery = function Gallery(_ref) {
+  var _ref$item = _ref.item,
+    content = _ref$item.content,
+    wrappingStyle = _ref$item.wrappingStyle;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    thumbsSwiper = _useState2[0],
+    setThumbsSwiper = _useState2[1];
+  if (content.length == 0) return /*#__PURE__*/jsx(Fragment, {});
+  if (content.length == 1) return /*#__PURE__*/jsx(ContentItem, {
+    item: _objectSpread$1({}, content[0])
+  });
+  return /*#__PURE__*/jsxs("div", {
+    style: _objectSpread$1({}, wrappingStyle),
+    children: [/*#__PURE__*/jsx(Swiper, {
+      style: {
+        '--swiper-navigation-color': '#fff',
+        '--swiper-pagination-color': '#fff'
+      },
+      spaceBetween: 10,
+      navigation: true,
+      loop: true,
+      thumbs: {
+        swiper: thumbsSwiper
+      },
+      modules: [FreeMode, Navigation, Thumbs],
+      className: mySwiper2,
+      children: content.map(function (item, i) {
+        return /*#__PURE__*/jsx(SwiperSlide, {
+          children: /*#__PURE__*/jsx(ContentItem, {
+            item: item
+          })
+        }, i);
+      })
+    }), /*#__PURE__*/jsx(Swiper, {
+      onSwiper: setThumbsSwiper,
+      spaceBetween: 10,
+      slidesPerView: 4,
+      freeMode: true,
+      watchSlidesProgress: true,
+      modules: [FreeMode, Navigation, Thumbs],
+      className: mySwiper,
+      children: content.map(function (item, i) {
+        return /*#__PURE__*/jsx(SwiperSlide, {
+          children: /*#__PURE__*/jsx(ContentItem, {
+            item: _objectSpread$1(_objectSpread$1({}, item), item.type == 'Video' ? {
+              thumb: true
+            } : {})
+          })
+        }, i);
+      })
+    })]
+  });
+};
+
+var RichText = function RichText(_ref) {
+  var _ref$item = _ref.item,
+    text = _ref$item.text,
+    style = _ref$item.style;
+  return /*#__PURE__*/jsx("div", {
+    style: style,
+    dangerouslySetInnerHTML: {
+      __html: text
+    }
+  });
+};
+
+var Wrapper = function Wrapper(_ref) {
+  var _ref$item = _ref.item,
+    style = _ref$item.style,
+    content = _ref$item.content;
+  return /*#__PURE__*/jsx("div", {
+    style: style,
+    children: content.map(function (item, i) {
+      return /*#__PURE__*/jsx(ContentItem, {
+        item: item
+      }, i);
+    })
+  });
+};
+
+var ContentItem = function ContentItem(_ref) {
+  var item = _ref.item;
+  switch (item.type) {
+    case 'Gallery':
+      return /*#__PURE__*/jsx(Gallery, {
+        item: item
+      });
+    case 'Image':
+      return /*#__PURE__*/jsx(Image, {
+        item: item
+      });
+    case 'RichText':
+      return /*#__PURE__*/jsx(RichText, {
+        item: item
+      });
+    case 'Title':
+      return /*#__PURE__*/jsx(Title, {
+        item: item
+      });
+    case 'URL':
+      return /*#__PURE__*/jsx(URL$1, {
+        item: item
+      });
+    case 'Video':
+      return /*#__PURE__*/jsx(Video, {
+        item: item
+      });
+    case 'Wrapper':
+      return /*#__PURE__*/jsx(Wrapper, {
+        item: item
+      });
+  }
+  throw new Error('unkonwn type: ' + item.type);
+};
+
+var ContentItems = function ContentItems(_ref) {
+  var contentItems = _ref.contentItems,
+    wrapperStyle = _ref.wrapperStyle;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx("div", {
+      style: wrapperStyle,
+      id: 'DivaContentItem',
+      children: contentItems.map(function (item, i) {
+        return /*#__PURE__*/jsx(ContentItem, {
+          item: item
+        }, i);
+      })
+    })
+  });
+};
+
+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) { _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; }
+var Main = function Main(_ref) {
+  var settings = _ref.settings;
+    _ref.parameters;
+    _ref.internal;
+  return /*#__PURE__*/jsx(ContentItems, _objectSpread({}, settings));
+};
+var ContentItemComponent = function ContentItemComponent(props) {
+  return /*#__PURE__*/jsx(Main, _objectSpread({}, props));
+};
+var ContentBox = {
+  name: 'CONTENTBOX',
+  renderFunction: Main
+};
+
+export { ContentItemComponent, ContentBox as default };

package/build/types/content-item/src/Components/ContentItems/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ContentItemType } from '../../types';
+type Props = {
+    contentItems: ContentItemType[];
+    wrapperStyle?: React.CSSProperties;
+};
+declare const ContentItems: ({ contentItems, wrapperStyle }: Props) => JSX.Element;
+export default ContentItems;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/ContentItems/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/ContentItems/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,KAAK,KAAK,GAAG;IAAE,YAAY,EAAE,eAAe,EAAE,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,CAAC;AAErF,QAAA,MAAM,YAAY,mCAAoC,KAAK,gBAU1D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/types/content-item/src/Components/Gallery/index.d.ts

@@ -0,0 +1,11 @@
+import 'swiper/css';
+import 'swiper/css/thumbs';
+import 'swiper/css/free-mode';
+import 'swiper/css/navigation';
+import { GalleryType } from '../../types';
+type Props = {
+    item: GalleryType;
+};
+declare const Gallery: ({ item: { content, wrappingStyle } }: Props) => JSX.Element;
+export default Gallery;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/Gallery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Gallery/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC;AAEnC,QAAA,MAAM,OAAO,yCAA0C,KAAK,gBA8C3D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/types/content-item/src/Components/Image/index.d.ts

@@ -0,0 +1,7 @@
+import { ImageType } from '../../types';
+type Props = {
+    item: ImageType;
+};
+declare const Image: ({ item: { url, cover, style, altText } }: Props) => JSX.Element;
+export default Image;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/Image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Image/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAEjC,QAAA,MAAM,KAAK,6CAAqD,KAAK,gBAepE,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/types/content-item/src/Components/RichText/index.d.ts

@@ -0,0 +1,7 @@
+import { RichTextType } from '../../types';
+type Props = {
+    item: RichTextType;
+};
+declare const RichText: ({ item: { text, style } }: Props) => JSX.Element;
+export default RichText;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/RichText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/RichText/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAEpC,QAAA,MAAM,QAAQ,8BAA+B,KAAK,gBAEjD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/types/content-item/src/Components/Title/index.d.ts

@@ -0,0 +1,7 @@
+import { TitleType } from '../../types';
+type Props = {
+    item: TitleType;
+};
+declare const Title: ({ item: { text, style } }: Props) => JSX.Element;
+export default Title;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/Title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Title/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAEjC,QAAA,MAAM,KAAK,8BAA+B,KAAK,gBAO9C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/types/content-item/src/Components/URL/index.d.ts

@@ -0,0 +1,7 @@
+import { URLType } from '../../types';
+type Props = {
+    item: URLType;
+};
+declare const URL: ({ item: { url, icon, text } }: Props) => JSX.Element;
+export default URL;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/URL/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/URL/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAE/B,QAAA,MAAM,GAAG,kCAAmC,KAAK,gBAOhD,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/build/types/content-item/src/Components/Video/index.d.ts

@@ -0,0 +1,7 @@
+import { VideoType } from '../../types';
+type Props = {
+    item: VideoType;
+};
+declare const Video: ({ item: { url, thumb } }: Props) => JSX.Element;
+export default Video;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/Video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Video/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAEjC,QAAA,MAAM,KAAK,6BAA8B,KAAK,gBAQ7C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/types/content-item/src/Components/Wrapper/index.d.ts

@@ -0,0 +1,7 @@
+import { WrapperType } from '../../types';
+type Props = {
+    item: WrapperType;
+};
+declare const Wrapper: ({ item: { style, content } }: Props) => JSX.Element;
+export default Wrapper;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/Wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Components/Wrapper/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC;AAEnC,QAAA,MAAM,OAAO,iCAAkC,KAAK,gBAQnD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/types/content-item/src/Components/index.d.ts

@@ -0,0 +1,7 @@
+import { ContentItemType } from '../types';
+type Props = {
+    item: ContentItemType;
+};
+declare const ContentItem: ({ item }: Props) => JSX.Element;
+export default ContentItem;
+//# sourceMappingURL=index.d.ts.map

package/build/types/content-item/src/Components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Components/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAS3C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,WAAW,aAAc,KAAK,gBAkBnC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/content-item/src/index.d.ts

@@ -0,0 +1,18 @@
+
+
+export * from './types';
+import React from 'react';
+import { ContentItemType } from './types';
+import { ComponentDefinition } from '@crystaldesign/diva-core';
+interface Props {
+    settings: Configuration;
+}
+interface Configuration {
+    contentItems: ContentItemType[];
+    wrapperStyle?: React.CSSProperties;
+}
+export declare const ContentItemComponent: React.FC<Props>;
+declare const ContentBox: ComponentDefinition<Configuration>;
+export default ContentBox;
+//# sourceMappingURL=index.d.ts.map
+  

package/build/types/content-item/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAkB,MAAM,0BAA0B,CAAC;AAE/E,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,UAAU,aAAa;IACrB,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAMD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAEhD,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAGlD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/types/content-item/src/stories/basicItem.stories.d.ts

@@ -0,0 +1,7 @@
+import Component from '../Components/ContentItems/index';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Component>;
+export default meta;
+type Story = StoryObj<typeof Component>;
+export declare const PriPlannermary: Story;
+//# sourceMappingURL=basicItem.stories.d.ts.map

package/build/types/content-item/src/stories/basicItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basicItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/basicItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAWhC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC"}

package/build/types/content-item/src/types.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export type ContentItemType = TitleType | RichTextType | ImageType | GalleryType | VideoType | URLType | WrapperType;
+export interface TitleType {
+    type: 'Title';
+    style?: React.CSSProperties;
+    text: string;
+}
+export interface WrapperType {
+    type: 'Wrapper';
+    style?: React.CSSProperties;
+    content: ContentItemType[];
+}
+export interface RichTextType {
+    type: 'RichText';
+    style?: React.CSSProperties;
+    text: string;
+}
+export interface GalleryType {
+    type: 'Gallery';
+    content: (ImageType | VideoType)[];
+    wrappingStyle?: React.CSSProperties;
+}
+export interface ImageType {
+    type: 'Image';
+    url: string;
+    altText?: string;
+    cover?: boolean;
+    style?: React.CSSProperties;
+}
+export interface VideoType {
+    type: 'Video';
+    url: string;
+    thumb?: boolean;
+}
+export interface URLType {
+    type: 'URL';
+    url: string;
+    text?: string;
+    icon?: 'pdf';
+}
+//# sourceMappingURL=types.d.ts.map

package/build/types/content-item/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;AAErH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AACD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACrC;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AACD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC;CACd"}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@crystaldesign/content-item",
+  "version": "24.7.0-beta.25",
+  "license": "MIT",
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "7.0.2",
+    "@storybook/addon-interactions": "7.0.2",
+    "@storybook/addon-links": "7.0.2",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/blocks": "7.0.2",
+    "@storybook/react": "7.0.2",
+    "@storybook/react-webpack5": "7.0.2",
+    "@storybook/testing-library": "0.0.14-next.2",
+    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/react": "^12.1.2",
+    "@types/classnames": "^2.2.11",
+    "@types/swiper": "5.4.3",
+    "classnames": "^2.2.6",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "storybook": "^7.0.2"
+  },
+  "dependencies": {
+    "swiper": "^8.3.2"
+  },
+  "peerDependencies": {
+    "@crystaldesign/diva-core": "23.0.0-authmig.53",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  },
+  "module": "build/esm/index.js",
+  "types": "./build/types/content-item/src/index.d.ts",
+  "gitHead": "61c99d5fd3150ad262d16a70eef37cf606ba404d"
+}