@financial-times/cp-content-pipeline-ui 9.12.1 → 9.13.0

package/lib/components/content-tree/Clip/components/Container.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ContainerProps {
-    dataLayout: string;
-}
-export declare const Container: React.FC<React.PropsWithChildren<ContainerProps>>;
-export {};

package/lib/components/content-tree/Clip/components/Container.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
-const react_1 = __importDefault(require("react"));
-const Container = ({ dataLayout, children, }) => {
-    return dataLayout === 'full-grid' ? (react_1.default.createElement("div", { className: "n-content-layout__container", "data-component": "clip-set" }, children)) : dataLayout === 'mid-grid' ? (react_1.default.createElement("div", { className: "n-content-layout__container", "data-component": "clip-set" },
-        react_1.default.createElement("div", { "data-o-grid-colspan": "12 S12 M12 L10 XL10", className: "n-content-layout__container--mid-grid" }, children))) : (react_1.default.createElement("div", { className: "n-content-layout__container--in-line", "data-component": "clip-set" }, children));
-};
-exports.Container = Container;
-//# sourceMappingURL=Container.js.map

package/lib/components/content-tree/Clip/components/Container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/Clip/components/Container.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAMlB,MAAM,SAAS,GAAsD,CAAC,EAC3E,UAAU,EACV,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,CAClC,uCAAK,SAAS,EAAC,6BAA6B,oBAAgB,UAAU,IACnE,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9B,uCAAK,SAAS,EAAC,6BAA6B,oBAAgB,UAAU;QACpE,8DACsB,qBAAqB,EACzC,SAAS,EAAC,uCAAuC,IAEhD,QAAQ,CACL,CACF,CACP,CAAC,CAAC,CAAC,CACF,uCACE,SAAS,EAAC,sCAAsC,oBACjC,UAAU,IAExB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,SAAS,aAyBrB"}

package/lib/components/content-tree/Clip/components/ContentLayout.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ContentLayoutProps {
-    dataLayout: string;
-}
-export declare const ContentLayout: React.FC<React.PropsWithChildren<ContentLayoutProps>>;
-export {};

package/lib/components/content-tree/Clip/components/ContentLayout.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentLayout = void 0;
-const react_1 = __importDefault(require("react"));
-// data-layout-width='full-grid' prevent clashes with ads and share bar
-const ContentLayout = ({ dataLayout, children }) => {
-    return dataLayout !== 'in-line' ? (react_1.default.createElement("div", { className: "n-content-layout", "data-layout-width": "full-grid" }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children));
-};
-exports.ContentLayout = ContentLayout;
-//# sourceMappingURL=ContentLayout.js.map

package/lib/components/content-tree/Clip/components/ContentLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentLayout.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/Clip/components/ContentLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAMzB,uEAAuE;AAChE,MAAM,aAAa,GAEtB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/B,OAAO,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAChC,uCAAK,SAAS,EAAC,kBAAkB,uBAAmB,WAAW,IAC5D,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,8DAAG,QAAQ,CAAI,CAChB,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,aAAa,iBAUzB"}

package/src/components/content-tree/Clip/components/Container.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-
-interface ContainerProps {
-  dataLayout: string
-}
-
-export const Container: React.FC<React.PropsWithChildren<ContainerProps>> = ({
-  dataLayout,
-  children,
-}) => {
-  return dataLayout === 'full-grid' ? (
-    <div className="n-content-layout__container" data-component="clip-set">
-      {children}
-    </div>
-  ) : dataLayout === 'mid-grid' ? (
-    <div className="n-content-layout__container" data-component="clip-set">
-      <div
-        data-o-grid-colspan="12 S12 M12 L10 XL10"
-        className="n-content-layout__container--mid-grid"
-      >
-        {children}
-      </div>
-    </div>
-  ) : (
-    <div
-      className="n-content-layout__container--in-line"
-      data-component="clip-set"
-    >
-      {children}
-    </div>
-  )
-}

package/src/components/content-tree/Clip/components/ContentLayout.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-
-interface ContentLayoutProps {
-  dataLayout: string
-}
-
-// data-layout-width='full-grid' prevent clashes with ads and share bar
-export const ContentLayout: React.FC<
-  React.PropsWithChildren<ContentLayoutProps>
-> = ({ dataLayout, children }) => {
-  return dataLayout !== 'in-line' ? (
-    <div className="n-content-layout" data-layout-width="full-grid">
-      {children}
-    </div>
-  ) : (
-    <>{children}</>
-  )
-}