@cntrl-site/sdk-nextjs 0.0.7 → 0.0.8

package/lib/components/LayoutStyle.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutStyle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@cntrl-site/core");
+// @ts-ignore
+const style_1 = __importDefault(require("styled-jsx/style"));
+const LayoutStyle = ({ id, layouts, layoutId, children }) => {
+    const layout = layouts.find(l => l.id === layoutId);
+    return ((0, jsx_runtime_1.jsx)(style_1.default, { id: id, children: `
+      ${(0, core_1.getLayoutMediaQuery)(layoutId, layouts)} {
+        ${children?.(layout)}
+      }
+    ` }));
+};
+exports.LayoutStyle = LayoutStyle;

package/lib/index.js

@@ -1,6 +1,22 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Page = exports.RichTextConverter = void 0;
+exports.LayoutStyle = exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Page = exports.RichTextConverter = void 0;
+__exportStar(require("@cntrl-site/core"), exports);
+__exportStar(require("@cntrl-site/sdk"), exports);
 var RichTextConverter_1 = require("./utils/RichTextConverter");
 Object.defineProperty(exports, "RichTextConverter", { enumerable: true, get: function () { return RichTextConverter_1.RichTextConverter; } });
 var Page_1 = require("./components/Page");
@@ -19,3 +35,5 @@ var RichTextItem_1 = require("./components/items/RichTextItem");
 Object.defineProperty(exports, "RichTextItem", { enumerable: true, get: function () { return RichTextItem_1.RichTextItem; } });
 var VideoItem_1 = require("./components/items/VideoItem");
 Object.defineProperty(exports, "VideoItem", { enumerable: true, get: function () { return VideoItem_1.VideoItem; } });
+var LayoutStyle_1 = require("./components/LayoutStyle");
+Object.defineProperty(exports, "LayoutStyle", { enumerable: true, get: function () { return LayoutStyle_1.LayoutStyle; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.js",

package/src/components/LayoutStyle.tsx

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+import { getLayoutMediaQuery, TLayout } from '@cntrl-site/core';
+// @ts-ignore
+import JSXStyle from 'styled-jsx/style';
+
+export interface LayoutStyleProps {
+  id: string;
+  layouts: TLayout[];
+  layoutId: string;
+  children?: (layout: TLayout) => string;
+}
+
+export const LayoutStyle: FC<LayoutStyleProps> = ({ id, layouts, layoutId, children }) => {
+  const layout = layouts.find(l => l.id === layoutId)!;
+  return (
+    <JSXStyle id={id}>{`
+      ${getLayoutMediaQuery(layoutId, layouts)} {
+        ${children?.(layout)}
+      }
+    `}</JSXStyle>
+  );
+};

package/src/index.ts

@@ -1,5 +1,7 @@
-export { RichTextConverter } from './utils/RichTextConverter';
+export * from '@cntrl-site/core';
+export * from '@cntrl-site/sdk';
 
+export { RichTextConverter } from './utils/RichTextConverter';
 export { Page } from './components/Page';
 export { Article } from './components/Article';
 export { Section } from './components/Section';
@@ -8,3 +10,4 @@ export { ImageItem } from './components/items/ImageItem';
 export { RectangleItem } from './components/items/RectangleItem';
 export { RichTextItem } from './components/items/RichTextItem';
 export { VideoItem } from './components/items/VideoItem';
+export { LayoutStyle } from './components/LayoutStyle';