@janbox/storefront-ui 1.0.14 → 1.0.16

package/dist/lib/video/helpers.d.ts

@@ -1,2 +1,3 @@
 import { VideoProps } from './types';
 export declare const getVideoProps: (extended: VideoProps) => VideoProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/video/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/video/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQrC,eAAO,MAAM,aAAa,aAAc,UAAU,eAEjD,CAAC"}

package/dist/lib/video/helpers.js

@@ -1,7 +1,10 @@
-import { mergeComponentProps } from '../../utils';
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-    controls: true,
+  controls: true
 };
-export const getVideoProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getVideoProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getVideoProps
 };

package/dist/lib/video/index.d.ts

@@ -1,3 +1,4 @@
 export * from './video';
 export * from './types';
 export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/video/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/video/types.d.ts

@@ -7,3 +7,4 @@ type VideoExtendedProps = ResponsiveDesign<PropsWithCSS> & {
 };
 export type VideoProps = ShallowMerge<ReactPlayerProps, VideoExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/video/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/video/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,KAAK,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAEzD,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/lib/video/video.d.ts

@@ -1,2 +1,3 @@
 import { VideoProps } from './types';
 export declare const Video: ({ ref, containerProps, PlayerComponent, ..._props }: VideoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=video.d.ts.map

package/dist/lib/video/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../src/lib/video/video.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,eAAO,MAAM,KAAK,wDAAyD,UAAU,qDAiBpF,CAAC"}

package/dist/lib/video/video.js

@@ -0,0 +1,24 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createElement } from "react";
+import ReactPlayer from "react-player";
+import { getVideoProps } from "./helpers.js";
+import { mediaQuery } from "../../theme/screens.js";
+import "../../theme/palette.js";
+const Video = ({ ref, containerProps, PlayerComponent, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = getVideoProps(_props);
+  const css = [
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { css, ...containerProps, children: PlayerComponent ? createElement(PlayerComponent, rest) : /* @__PURE__ */ jsx(ReactPlayer, { width: "", height: "", ref, ...rest }) });
+};
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+export {
+  Video
+};