@blaze-cms/react-page-builder 0.147.0-rc-eagle.4 → 0.147.0-rc-eagle.6

package/lib/components/ContentGroup/ContentGroup.js

@@ -13,10 +13,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("./constants");
 var _ContentGroupTabs = _interopRequireDefault(require("./ContentGroupTabs"));
 var _ContentGroupAccordion = _interopRequireDefault(require("./ContentGroupAccordion"));
+var _ContentGroupDataFetcher = _interopRequireDefault(require("./ContentGroupDataFetcher"));
 var _helpers = require("./helpers");
 var _getStructuredDataProperties = _interopRequireDefault(require("./helpers/get-structured-data-properties"));
 var _helpers2 = require("../../helpers");
-const _excluded = ["contentType", "isFaqContent", "children", "customHtmlProps"],
+const _excluded = ["contentType", "isFaqContent", "children", "customHtmlProps", "simpleData", "dataProperty"],
   _excluded2 = ["topWrapperProps"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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; }
@@ -28,10 +29,15 @@ const ContentGroup = _ref => {
       contentType,
       isFaqContent,
       children,
-      customHtmlProps
+      customHtmlProps,
+      simpleData,
+      dataProperty
     } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$child = _children$props.children) === null || _children$props$child === void 0 ? void 0 : _children$props$child[1];
+  const hasSimpleData = Array.isArray(simpleData) && simpleData.length > 0;
+  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;
+  const hasDataProperty = !!dataPropertyName;
+  const childGroupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$child = _children$props.children) === null || _children$props$child === void 0 ? void 0 : _children$props$child[1];
   const GroupComponent = (0, _react.useMemo)(() => contentType === _constants.CONTENT_GROUP_TYPES.ACCORDION ? _ContentGroupAccordion.default : _ContentGroupTabs.default, [contentType]);
   const WrapperComponent = (0, _react.useMemo)(() => !isFaqContent ? _react.Fragment : 'div', [isFaqContent]);
   const _useMemo = (0, _react.useMemo)(() => {
@@ -46,8 +52,26 @@ const ContentGroup = _ref => {
       topWrapperProps
     } = _useMemo,
     schemaProperties = (0, _objectWithoutProperties2.default)(_useMemo, _excluded2);
-  if (!groupSections || !groupSections.length || !VALID_TYPES.includes(contentType)) return '';
-  const sectionsData = (0, _helpers.getSectionsData)(groupSections);
+  if (!VALID_TYPES.includes(contentType)) return '';
+  if (!hasSimpleData && hasDataProperty) {
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent, topWrapperProps, /*#__PURE__*/_react.default.createElement(_ContentGroupDataFetcher.default, (0, _extends2.default)({
+      dataProperty: dataPropertyName,
+      contentType: contentType
+    }, props, schemaProperties)));
+  }
+  let groupSections;
+  let sectionsData;
+  if (hasSimpleData) {
+    ({
+      groupSections,
+      sectionsData
+    } = (0, _helpers.buildDataSections)(simpleData));
+  } else {
+    groupSections = childGroupSections;
+    if (!groupSections || !groupSections.length) return '';
+    sectionsData = (0, _helpers.getSectionsData)(groupSections);
+  }
+  if (!groupSections || !groupSections.length) return '';
   return /*#__PURE__*/_react.default.createElement(WrapperComponent, topWrapperProps, /*#__PURE__*/_react.default.createElement(GroupComponent, (0, _extends2.default)({
     contentType: contentType,
     groupSections: groupSections,
@@ -55,17 +79,25 @@ const ContentGroup = _ref => {
   }, props, schemaProperties)));
 };
 ContentGroup.propTypes = {
-  children: _propTypes.default.object.isRequired,
+  children: _propTypes.default.object,
   contentType: _propTypes.default.oneOf(VALID_TYPES).isRequired,
   isFaqContent: _propTypes.default.bool,
   customHtmlProps: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.string
-  }))
+  })),
+  simpleData: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    text: _propTypes.default.string
+  })),
+  dataProperty: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)])
 };
 ContentGroup.defaultProps = {
+  children: null,
   isFaqContent: false,
-  customHtmlProps: []
+  customHtmlProps: [],
+  simpleData: null,
+  dataProperty: null
 };
 var _default = exports.default = ContentGroup;
 //# sourceMappingURL=ContentGroup.js.map

package/lib/components/ContentGroup/ContentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_constants","_ContentGroupTabs","_ContentGroupAccordion","_helpers","_getStructuredDataProperties","_helpers2","_excluded","_excluded2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","VALID_TYPES","values","CONTENT_GROUP_TYPES","ContentGroup","_ref","_children$props","_children$props$child","contentType","isFaqContent","children","customHtmlProps","props","_objectWithoutProperties2","groupSections","GroupComponent","useMemo","ACCORDION","ContentGroupAccordion","ContentGroupTabs","WrapperComponent","Fragment","_useMemo","structuredDataProperties","getStructuredDataProperties","topWrapperProps","getCustomHtmlProperties","schemaProperties","includes","sectionsData","getSectionsData","createElement","_extends2","propTypes","PropTypes","object","isRequired","oneOf","bool","arrayOf","shape","name","string","value","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { CONTENT_GROUP_TYPES } from './constants';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport { getSectionsData } from './helpers';\nimport getStructuredDataProperties from './helpers/get-structured-data-properties';\nimport { getCustomHtmlProperties } from '../../helpers';\n\nconst VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);\n\nconst ContentGroup = ({ contentType, isFaqContent, children, customHtmlProps, ...props }) => {\n  const groupSections = children?.props?.children?.[1];\n\n  const GroupComponent = useMemo(\n    () =>\n      contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs,\n    [contentType]\n  );\n  const WrapperComponent = useMemo(() => (!isFaqContent ? Fragment : 'div'), [isFaqContent]);\n\n  const { topWrapperProps, ...schemaProperties } = useMemo(() => {\n    const structuredDataProperties = getStructuredDataProperties(isFaqContent);\n    return {\n      ...structuredDataProperties,\n      topWrapperProps: {\n        ...structuredDataProperties.topWrapperProps,\n        ...getCustomHtmlProperties({ customHtmlProps })\n      }\n    };\n  }, [isFaqContent, customHtmlProps]);\n\n  if (!groupSections || !groupSections.length || !VALID_TYPES.includes(contentType)) return '';\n\n  const sectionsData = getSectionsData(groupSections);\n\n  return (\n    <WrapperComponent {...topWrapperProps}>\n      <GroupComponent\n        contentType={contentType}\n        groupSections={groupSections}\n        sectionsData={sectionsData}\n        {...props}\n        {...schemaProperties}\n      />\n    </WrapperComponent>\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object.isRequired,\n  contentType: PropTypes.oneOf(VALID_TYPES).isRequired,\n  isFaqContent: PropTypes.bool,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  )\n};\n\nContentGroup.defaultProps = {\n  isFaqContent: false,\n  customHtmlProps: []\n};\n\nexport default ContentGroup;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,sBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,4BAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAAwD,MAAAS,SAAA;EAAAC,UAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,QAAAnB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAe,MAAA,CAAAI,IAAA,CAAApB,CAAA,OAAAgB,MAAA,CAAAK,qBAAA,QAAAf,CAAA,GAAAU,MAAA,CAAAK,qBAAA,CAAArB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAgB,MAAA,WAAAnB,CAAA,WAAAa,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAoB,UAAA,OAAAtB,CAAA,CAAAuB,IAAA,CAAAC,KAAA,CAAAxB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAAyB,cAAA1B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAF,CAAA,WAAA0B,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAgB,OAAA,CAAAH,MAAA,CAAAf,CAAA,OAAA4B,OAAA,WAAA1B,CAAA,QAAA2B,gBAAA,CAAApB,OAAA,EAAAV,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAa,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAhC,CAAA,EAAAgB,MAAA,CAAAe,yBAAA,CAAA9B,CAAA,KAAAkB,OAAA,CAAAH,MAAA,CAAAf,CAAA,GAAA4B,OAAA,WAAA1B,CAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAjB,CAAA,EAAAG,CAAA,EAAAa,MAAA,CAAAE,wBAAA,CAAAjB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAExD,MAAMiC,WAAW,GAAGjB,MAAM,CAACkB,MAAM,CAACC,8BAAmB,CAAC;AAEtD,MAAMC,YAAY,GAAGC,IAAA,IAAwE;EAAA,IAAAC,eAAA,EAAAC,qBAAA;EAAA,IAAvE;MAAEC,WAAW;MAAEC,YAAY;MAAEC,QAAQ;MAAEC;IAA0B,CAAC,GAAAN,IAAA;IAAPO,KAAK,OAAAC,yBAAA,CAAAnC,OAAA,EAAA2B,IAAA,EAAAvC,SAAA;EACpF,MAAMgD,aAAa,GAAGJ,QAAQ,aAARA,QAAQ,wBAAAJ,eAAA,GAARI,QAAQ,CAAEE,KAAK,cAAAN,eAAA,wBAAAC,qBAAA,GAAfD,eAAA,CAAiBI,QAAQ,cAAAH,qBAAA,uBAAzBA,qBAAA,CAA4B,CAAC,CAAC;EAEpD,MAAMQ,cAAc,GAAG,IAAAC,cAAO,EAC5B,MACER,WAAW,KAAKL,8BAAmB,CAACc,SAAS,GAAGC,8BAAqB,GAAGC,yBAAgB,EAC1F,CAACX,WAAW,CACd,CAAC;EACD,MAAMY,gBAAgB,GAAG,IAAAJ,cAAO,EAAC,MAAO,CAACP,YAAY,GAAGY,eAAQ,GAAG,KAAM,EAAE,CAACZ,YAAY,CAAC,CAAC;EAE1F,MAAAa,QAAA,GAAiD,IAAAN,cAAO,EAAC,MAAM;MAC7D,MAAMO,wBAAwB,GAAG,IAAAC,oCAA2B,EAACf,YAAY,CAAC;MAC1E,OAAAf,aAAA,CAAAA,aAAA,KACK6B,wBAAwB;QAC3BE,eAAe,EAAA/B,aAAA,CAAAA,aAAA,KACV6B,wBAAwB,CAACE,eAAe,GACxC,IAAAC,iCAAuB,EAAC;UAAEf;QAAgB,CAAC,CAAC;MAChD;IAEL,CAAC,EAAE,CAACF,YAAY,EAAEE,eAAe,CAAC,CAAC;IAT7B;MAAEc;IAAqC,CAAC,GAAAH,QAAA;IAAlBK,gBAAgB,OAAAd,yBAAA,CAAAnC,OAAA,EAAA4C,QAAA,EAAAvD,UAAA;EAW5C,IAAI,CAAC+C,aAAa,IAAI,CAACA,aAAa,CAAClB,MAAM,IAAI,CAACK,WAAW,CAAC2B,QAAQ,CAACpB,WAAW,CAAC,EAAE,OAAO,EAAE;EAE5F,MAAMqB,YAAY,GAAG,IAAAC,wBAAe,EAAChB,aAAa,CAAC;EAEnD,oBACE3D,MAAA,CAAAuB,OAAA,CAAAqD,aAAA,CAACX,gBAAgB,EAAKK,eAAe,eACnCtE,MAAA,CAAAuB,OAAA,CAAAqD,aAAA,CAAChB,cAAc,MAAAiB,SAAA,CAAAtD,OAAA;IACb8B,WAAW,EAAEA,WAAY;IACzBM,aAAa,EAAEA,aAAc;IAC7Be,YAAY,EAAEA;EAAa,GACvBjB,KAAK,EACLe,gBAAgB,CACrB,CACe,CAAC;AAEvB,CAAC;AAEDvB,YAAY,CAAC6B,SAAS,GAAG;EACvBvB,QAAQ,EAAEwB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrC5B,WAAW,EAAE0B,kBAAS,CAACG,KAAK,CAACpC,WAAW,CAAC,CAACmC,UAAU;EACpD3B,YAAY,EAAEyB,kBAAS,CAACI,IAAI;EAC5B3B,eAAe,EAAEuB,kBAAS,CAACK,OAAO,CAChCL,kBAAS,CAACM,KAAK,CAAC;IACdC,IAAI,EAAEP,kBAAS,CAACQ,MAAM;IACtBC,KAAK,EAAET,kBAAS,CAACQ;EACnB,CAAC,CACH;AACF,CAAC;AAEDtC,YAAY,CAACwC,YAAY,GAAG;EAC1BnC,YAAY,EAAE,KAAK;EACnBE,eAAe,EAAE;AACnB,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAApE,OAAA,GAEa0B,YAAY","ignoreList":[]}
+{"version":3,"file":"ContentGroup.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_constants","_ContentGroupTabs","_ContentGroupAccordion","_ContentGroupDataFetcher","_helpers","_getStructuredDataProperties","_helpers2","_excluded","_excluded2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","VALID_TYPES","values","CONTENT_GROUP_TYPES","ContentGroup","_ref","_children$props","_children$props$child","contentType","isFaqContent","children","customHtmlProps","simpleData","dataProperty","props","_objectWithoutProperties2","hasSimpleData","Array","isArray","dataPropertyName","hasDataProperty","childGroupSections","GroupComponent","useMemo","ACCORDION","ContentGroupAccordion","ContentGroupTabs","WrapperComponent","Fragment","_useMemo","structuredDataProperties","getStructuredDataProperties","topWrapperProps","getCustomHtmlProperties","schemaProperties","includes","createElement","_extends2","groupSections","sectionsData","buildDataSections","getSectionsData","propTypes","PropTypes","object","oneOf","isRequired","bool","arrayOf","shape","name","string","value","label","text","oneOfType","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { CONTENT_GROUP_TYPES } from './constants';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport ContentGroupDataFetcher from './ContentGroupDataFetcher';\nimport { getSectionsData, buildDataSections } from './helpers';\nimport getStructuredDataProperties from './helpers/get-structured-data-properties';\nimport { getCustomHtmlProperties } from '../../helpers';\n\nconst VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);\n\nconst ContentGroup = ({\n  contentType,\n  isFaqContent,\n  children,\n  customHtmlProps,\n  simpleData,\n  dataProperty,\n  ...props\n}) => {\n  const hasSimpleData = Array.isArray(simpleData) && simpleData.length > 0;\n  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;\n  const hasDataProperty = !!dataPropertyName;\n\n  const childGroupSections = children?.props?.children?.[1];\n\n  const GroupComponent = useMemo(\n    () =>\n      contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs,\n    [contentType]\n  );\n  const WrapperComponent = useMemo(() => (!isFaqContent ? Fragment : 'div'), [isFaqContent]);\n\n  const { topWrapperProps, ...schemaProperties } = useMemo(() => {\n    const structuredDataProperties = getStructuredDataProperties(isFaqContent);\n    return {\n      ...structuredDataProperties,\n      topWrapperProps: {\n        ...structuredDataProperties.topWrapperProps,\n        ...getCustomHtmlProperties({ customHtmlProps })\n      }\n    };\n  }, [isFaqContent, customHtmlProps]);\n\n  if (!VALID_TYPES.includes(contentType)) return '';\n\n  if (!hasSimpleData && hasDataProperty) {\n    return (\n      <WrapperComponent {...topWrapperProps}>\n        <ContentGroupDataFetcher\n          dataProperty={dataPropertyName}\n          contentType={contentType}\n          {...props}\n          {...schemaProperties}\n        />\n      </WrapperComponent>\n    );\n  }\n\n  let groupSections;\n  let sectionsData;\n\n  if (hasSimpleData) {\n    ({ groupSections, sectionsData } = buildDataSections(simpleData));\n  } else {\n    groupSections = childGroupSections;\n    if (!groupSections || !groupSections.length) return '';\n    sectionsData = getSectionsData(groupSections);\n  }\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <WrapperComponent {...topWrapperProps}>\n      <GroupComponent\n        contentType={contentType}\n        groupSections={groupSections}\n        sectionsData={sectionsData}\n        {...props}\n        {...schemaProperties}\n      />\n    </WrapperComponent>\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object,\n  contentType: PropTypes.oneOf(VALID_TYPES).isRequired,\n  isFaqContent: PropTypes.bool,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  simpleData: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      text: PropTypes.string\n    })\n  ),\n  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)])\n};\n\nContentGroup.defaultProps = {\n  children: null,\n  isFaqContent: false,\n  customHtmlProps: [],\n  simpleData: null,\n  dataProperty: null\n};\n\nexport default ContentGroup;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContentGroup/ContentGroupDataFetcher.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _client = require("@apollo/client");
+var _nextjsComponents = require("@blaze-cms/nextjs-components");
+var _query = require("../../application/query");
+var _ContentGroupTabs = _interopRequireDefault(require("./ContentGroupTabs"));
+var _ContentGroupAccordion = _interopRequireDefault(require("./ContentGroupAccordion"));
+var _helpers = require("./helpers");
+var _constants = require("./constants");
+const _excluded = ["dataProperty", "parent", "contentType"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PLACEHOLDER_QUERY = (0, _client.gql)`
+  query {
+    __typename
+  }
+`;
+const ContentGroupDataFetcher = _ref => {
+  let {
+      dataProperty,
+      parent,
+      contentType
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const {
+    isPreview
+  } = (0, _react.useContext)(_nextjsComponents.MainContext);
+  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;
+  const {
+    data: schemaData,
+    loading: schemaLoading
+  } = (0, _client.useQuery)(_query.getSingleEntitySchema, {
+    variables: {
+      id: parent === null || parent === void 0 ? void 0 : parent.itemEntity
+    },
+    skip: !(parent === null || parent === void 0 ? void 0 : parent.itemEntity) || !dataPropertyName
+  });
+  const dataQuery = (0, _react.useMemo)(() => {
+    if (!schemaData) return null;
+    const {
+      getEntitySchema
+    } = schemaData;
+    const {
+      actions: {
+        getPublished,
+        get
+      } = {}
+    } = getEntitySchema;
+    const actionKey = isPreview ? get : getPublished || get;
+    if (!actionKey) return null;
+    return (0, _query.generateSingleItemQuery)(actionKey, `${dataPropertyName} { label text }`);
+  }, [schemaData, isPreview, dataPropertyName]);
+  const {
+    data: recordData,
+    loading: recordLoading
+  } = (0, _client.useQuery)(dataQuery || PLACEHOLDER_QUERY, {
+    variables: {
+      id: parent === null || parent === void 0 ? void 0 : parent.itemId
+    },
+    skip: !dataQuery || !(parent === null || parent === void 0 ? void 0 : parent.itemId)
+  });
+  if (schemaLoading || recordLoading) return '';
+  if (!(recordData === null || recordData === void 0 ? void 0 : recordData.entityData)) return null;
+  const propertyData = recordData.entityData[dataPropertyName];
+  if (!propertyData || !propertyData.length) return null;
+  const {
+    groupSections,
+    sectionsData
+  } = (0, _helpers.buildDataSections)(propertyData);
+  if (!groupSections.length) return null;
+  const GroupComponent = contentType === _constants.CONTENT_GROUP_TYPES.ACCORDION ? _ContentGroupAccordion.default : _ContentGroupTabs.default;
+  return /*#__PURE__*/_react.default.createElement(GroupComponent, (0, _extends2.default)({
+    contentType: contentType,
+    groupSections: groupSections,
+    sectionsData: sectionsData
+  }, props));
+};
+ContentGroupDataFetcher.propTypes = {
+  dataProperty: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  parent: _propTypes.default.object,
+  contentType: _propTypes.default.string.isRequired
+};
+ContentGroupDataFetcher.defaultProps = {
+  dataProperty: null,
+  parent: null
+};
+var _default = exports.default = ContentGroupDataFetcher;
+//# sourceMappingURL=ContentGroupDataFetcher.js.map

package/lib/components/ContentGroup/ContentGroupDataFetcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupDataFetcher.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_nextjsComponents","_query","_ContentGroupTabs","_ContentGroupAccordion","_helpers","_constants","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PLACEHOLDER_QUERY","gql","ContentGroupDataFetcher","_ref","dataProperty","parent","contentType","props","_objectWithoutProperties2","isPreview","useContext","MainContext","dataPropertyName","Array","isArray","data","schemaData","loading","schemaLoading","useQuery","getSingleEntitySchema","variables","id","itemEntity","skip","dataQuery","useMemo","getEntitySchema","actions","getPublished","actionKey","generateSingleItemQuery","recordData","recordLoading","itemId","entityData","propertyData","length","groupSections","sectionsData","buildDataSections","GroupComponent","CONTENT_GROUP_TYPES","ACCORDION","ContentGroupAccordion","ContentGroupTabs","createElement","_extends2","propTypes","PropTypes","oneOfType","string","arrayOf","object","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroup/ContentGroupDataFetcher.js"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema, generateSingleItemQuery } from '../../application/query';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport { buildDataSections } from './helpers';\nimport { CONTENT_GROUP_TYPES } from './constants';\n\nconst PLACEHOLDER_QUERY = gql`\n  query {\n    __typename\n  }\n`;\n\nconst ContentGroupDataFetcher = ({ dataProperty, parent, contentType, ...props }) => {\n  const { isPreview } = useContext(MainContext);\n  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;\n\n  const { data: schemaData, loading: schemaLoading } = useQuery(getSingleEntitySchema, {\n    variables: { id: parent?.itemEntity },\n    skip: !parent?.itemEntity || !dataPropertyName\n  });\n\n  const dataQuery = useMemo(() => {\n    if (!schemaData) return null;\n    const { getEntitySchema } = schemaData;\n    const { actions: { getPublished, get } = {} } = getEntitySchema;\n    const actionKey = isPreview ? get : getPublished || get;\n    if (!actionKey) return null;\n    return generateSingleItemQuery(actionKey, `${dataPropertyName} { label text }`);\n  }, [schemaData, isPreview, dataPropertyName]);\n\n  const { data: recordData, loading: recordLoading } = useQuery(dataQuery || PLACEHOLDER_QUERY, {\n    variables: { id: parent?.itemId },\n    skip: !dataQuery || !parent?.itemId\n  });\n\n  if (schemaLoading || recordLoading) return '';\n  if (!recordData?.entityData) return null;\n\n  const propertyData = recordData.entityData[dataPropertyName];\n  if (!propertyData || !propertyData.length) return null;\n\n  const { groupSections, sectionsData } = buildDataSections(propertyData);\n\n  if (!groupSections.length) return null;\n\n  const GroupComponent =\n    contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs;\n\n  return (\n    <GroupComponent\n      contentType={contentType}\n      groupSections={groupSections}\n      sectionsData={sectionsData}\n      {...props}\n    />\n  );\n};\n\nContentGroupDataFetcher.propTypes = {\n  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  parent: PropTypes.object,\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroupDataFetcher.defaultProps = {\n  dataProperty: null,\n  parent: null\n};\n\nexport default ContentGroupDataFetcher;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContentGroup/helpers/build-data-sections.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+var _getComponentId = _interopRequireDefault(require("../../../helpers/get-component-id"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TextBlock = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../../TextBlock'))));
+const ContentGroupSection = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../../ContentGroupSection'))));
+const buildDataSections = (items = []) => {
+  const itemData = items.map((item, i) => {
+    if (!item || !item.text || !item.label) return null;
+    const sectionName = (0, _getComponentId.default)(item.label || `section-${i}`, true, true);
+    return {
+      sectionName,
+      label: item.label,
+      sectionContent: /*#__PURE__*/_react.default.createElement(ContentGroupSection, {
+        key: sectionName,
+        name: sectionName,
+        disableChildCheck: true
+      }, /*#__PURE__*/_react.default.createElement(TextBlock, {
+        html: item.text,
+        name: `${sectionName}-text`
+      }))
+    };
+  });
+  return itemData.filter(Boolean).reduce((acc, {
+    sectionName,
+    label,
+    sectionContent
+  }) => {
+    if (!sectionName || !sectionContent) return acc;
+    acc.groupSections.push(sectionContent);
+    acc.sectionsData.push([sectionName, label]);
+    return acc;
+  }, {
+    groupSections: [],
+    sectionsData: []
+  });
+};
+var _default = exports.default = buildDataSections;
+//# sourceMappingURL=build-data-sections.js.map

package/lib/components/ContentGroup/helpers/build-data-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-data-sections.js","names":["_react","_interopRequireDefault","require","_dynamic","_getComponentId","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TextBlock","dynamic","Promise","resolve","then","ContentGroupSection","buildDataSections","items","itemData","map","item","text","label","sectionName","getComponentId","sectionContent","createElement","key","name","disableChildCheck","html","filter","Boolean","reduce","acc","groupSections","push","sectionsData","_default","exports"],"sources":["../../../../src/components/ContentGroup/helpers/build-data-sections.js"],"sourcesContent":["import React from 'react';\nimport dynamic from 'next/dynamic';\nimport getComponentId from '../../../helpers/get-component-id';\n\nconst TextBlock = dynamic(() => import('../../TextBlock'));\nconst ContentGroupSection = dynamic(() => import('../../ContentGroupSection'));\n\nconst buildDataSections = (items = []) => {\n  const itemData = items.map((item, i) => {\n    if (!item || !item.text || !item.label) return null;\n\n    const sectionName = getComponentId(item.label || `section-${i}`, true, true);\n    return {\n      sectionName,\n      label: item.label,\n      sectionContent: (\n        <ContentGroupSection key={sectionName} name={sectionName} disableChildCheck>\n          <TextBlock html={item.text} name={`${sectionName}-text`} />\n        </ContentGroupSection>\n      )\n    };\n  });\n\n  return itemData.filter(Boolean).reduce(\n    (acc, { sectionName, label, sectionContent }) => {\n      if (!sectionName || !sectionContent) return acc;\n      acc.groupSections.push(sectionContent);\n      acc.sectionsData.push([sectionName, label]);\n      return acc;\n    },\n    { groupSections: [], sectionsData: [] }\n  );\n};\n\nexport default buildDataSections;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContentGroup/helpers/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "buildDataSections", {
+  enumerable: true,
+  get: function () {
+    return _buildDataSections.default;
+  }
+});
 Object.defineProperty(exports, "getActiveTab", {
   enumerable: true,
   get: function () {
@@ -18,4 +24,5 @@ Object.defineProperty(exports, "getSectionsData", {
 });
 var _getSectionsData = _interopRequireDefault(require("./get-sections-data"));
 var _getActiveTab = _interopRequireDefault(require("./get-active-tab"));
+var _buildDataSections = _interopRequireDefault(require("./build-data-sections"));
 //# sourceMappingURL=index.js.map

package/lib/components/ContentGroup/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_getSectionsData","_interopRequireDefault","require","_getActiveTab"],"sources":["../../../../src/components/ContentGroup/helpers/index.js"],"sourcesContent":["import getSectionsData from './get-sections-data';\nimport getActiveTab from './get-active-tab';\n\nexport { getSectionsData, getActiveTab };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_getSectionsData","_interopRequireDefault","require","_getActiveTab","_buildDataSections"],"sources":["../../../../src/components/ContentGroup/helpers/index.js"],"sourcesContent":["import getSectionsData from './get-sections-data';\nimport getActiveTab from './get-active-tab';\nimport buildDataSections from './build-data-sections';\n\nexport { getSectionsData, getActiveTab, buildDataSections };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/components/ContentGroupSection/ContentGroupSection.js

@@ -10,9 +10,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _helpers = require("../../helpers");
 const ContentGroupSection = ({
   children,
-  name
+  name,
+  disableChildCheck
 }) => {
-  if (!(0, _helpers.hasChildren)(children)) return null;
+  if (!disableChildCheck && !(0, _helpers.hasChildren)(children)) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     key: name,
     className: "content-group-section"

package/lib/components/ContentGroupSection/ContentGroupSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupSection.js","names":["_react","_interopRequireDefault","require","_propTypes","_helpers","ContentGroupSection","children","name","hasChildren","default","createElement","key","className","propTypes","PropTypes","oneOfType","arrayOf","node","string","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name }) => {\n  if (!hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EAClD,IAAI,CAAC,IAAAC,oBAAW,EAACF,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,GAAG,EAAEJ,IAAK;IAACK,SAAS,EAAC;EAAuB,GAC9CN,QACE,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACQ,SAAS,GAAG;EAC9BP,QAAQ,EAAEQ,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,IAAI,CAAC,EAAEH,kBAAS,CAACG,IAAI,CAAC,CAAC;EAClFV,IAAI,EAAEO,kBAAS,CAACI;AAClB,CAAC;AAEDb,mBAAmB,CAACc,YAAY,GAAG;EAAEb,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEjDJ,mBAAmB","ignoreList":[]}
+{"version":3,"file":"ContentGroupSection.js","names":["_react","_interopRequireDefault","require","_propTypes","_helpers","ContentGroupSection","children","name","disableChildCheck","hasChildren","default","createElement","key","className","propTypes","PropTypes","oneOfType","arrayOf","node","string","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name, disableChildCheck }) => {\n  if (!disableChildCheck && !hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAkB,CAAC,KAAK;EACrE,IAAI,CAACA,iBAAiB,IAAI,CAAC,IAAAC,oBAAW,EAACH,QAAQ,CAAC,EAAE,OAAO,IAAI;EAE7D,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,GAAG,EAAEL,IAAK;IAACM,SAAS,EAAC;EAAuB,GAC9CP,QACE,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACS,SAAS,GAAG;EAC9BR,QAAQ,EAAES,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,IAAI,CAAC,EAAEH,kBAAS,CAACG,IAAI,CAAC,CAAC;EAClFX,IAAI,EAAEQ,kBAAS,CAACI;AAClB,CAAC;AAEDd,mBAAmB,CAACe,YAAY,GAAG;EAAEd,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEjDL,mBAAmB","ignoreList":[]}

package/lib/components/Iframe/Iframe.js

@@ -8,15 +8,22 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _iframeResizerReact = _interopRequireDefault(require("iframe-resizer-react"));
+var _utilsHandlebars = require("@blaze-cms/utils-handlebars");
 var _constants = require("./constants");
+const UNSAFE_URL_PATTERN = /^(javascript|data):/i;
+const isSafeUrl = url => !UNSAFE_URL_PATTERN.test(url.trim());
 const Iframe = ({
   src,
   modifier,
   width,
   height,
-  enableScrolling
+  enableScrolling,
+  parent
 }) => {
-  if (!src) return null;
+  const {
+    data: [resolvedSrc]
+  } = (0, _utilsHandlebars.useStringTemplate)(parent, [src || '']);
+  if (!resolvedSrc || !isSafeUrl(resolvedSrc)) return null;
   const modifierString = modifier ? ` ${modifier}` : '';
   const iframeClassName = `${_constants.IFRAME_CLASS}${modifierString}`;
   const defaultWidth = !width ? _constants.DEFAULT_WIDTH : {};
@@ -25,7 +32,7 @@ const Iframe = ({
   }, /*#__PURE__*/_react.default.createElement(_iframeResizerReact.default, {
     scrolling: enableScrolling,
     autoResize: true,
-    src: src,
+    src: resolvedSrc,
     sizeHeight: !height,
     height: height,
     width: width,
@@ -33,17 +40,20 @@ const Iframe = ({
   }));
 };
 Iframe.propTypes = {
-  src: _propTypes.default.string.isRequired,
+  src: _propTypes.default.string,
   enableScrolling: _propTypes.default.bool,
   modifier: _propTypes.default.string,
   width: _propTypes.default.string,
-  height: _propTypes.default.string
+  height: _propTypes.default.string,
+  parent: _propTypes.default.object
 };
 Iframe.defaultProps = {
+  src: '',
   enableScrolling: false,
   modifier: '',
   width: '',
-  height: ''
+  height: '',
+  parent: {}
 };
 var _default = exports.default = Iframe;
 //# sourceMappingURL=Iframe.js.map

package/lib/components/Iframe/Iframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Iframe.js","names":["_react","_interopRequireDefault","require","_propTypes","_iframeResizerReact","_constants","Iframe","src","modifier","width","height","enableScrolling","modifierString","iframeClassName","IFRAME_CLASS","defaultWidth","DEFAULT_WIDTH","default","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling }) => {\n  if (!src) return null;\n  const modifierString = modifier ? ` ${modifier}` : '';\n  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n  const defaultWidth = !width ? DEFAULT_WIDTH : {};\n  return (\n    <div className={iframeClassName}>\n      <IframeResizer\n        scrolling={enableScrolling}\n        autoResize\n        src={src}\n        sizeHeight={!height}\n        height={height}\n        width={width}\n        style={defaultWidth}\n      />\n    </div>\n  );\n};\n\nIframe.propTypes = {\n  src: PropTypes.string.isRequired,\n  enableScrolling: PropTypes.bool,\n  modifier: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string\n};\n\nIframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };\n\nexport default Iframe;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,MAAMI,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EACpE,IAAI,CAACJ,GAAG,EAAE,OAAO,IAAI;EACrB,MAAMK,cAAc,GAAGJ,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,MAAMK,eAAe,GAAG,GAAGC,uBAAY,GAAGF,cAAc,EAAE;EAC1D,MAAMG,YAAY,GAAG,CAACN,KAAK,GAAGO,wBAAa,GAAG,CAAC,CAAC;EAChD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEN;EAAgB,gBAC9Bb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,mBAAA,CAAAa,OAAa;IACZG,SAAS,EAAET,eAAgB;IAC3BU,UAAU;IACVd,GAAG,EAAEA,GAAI;IACTe,UAAU,EAAE,CAACZ,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAER;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDT,MAAM,CAACkB,SAAS,GAAG;EACjBjB,GAAG,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChChB,eAAe,EAAEc,kBAAS,CAACG,IAAI;EAC/BpB,QAAQ,EAAEiB,kBAAS,CAACC,MAAM;EAC1BjB,KAAK,EAAEgB,kBAAS,CAACC,MAAM;EACvBhB,MAAM,EAAEe,kBAAS,CAACC;AACpB,CAAC;AAEDpB,MAAM,CAACuB,YAAY,GAAG;EAAElB,eAAe,EAAE,KAAK;EAAEH,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEvEX,MAAM","ignoreList":[]}
+{"version":3,"file":"Iframe.js","names":["_react","_interopRequireDefault","require","_propTypes","_iframeResizerReact","_utilsHandlebars","_constants","UNSAFE_URL_PATTERN","isSafeUrl","url","test","trim","Iframe","src","modifier","width","height","enableScrolling","parent","data","resolvedSrc","useStringTemplate","modifierString","iframeClassName","IFRAME_CLASS","defaultWidth","DEFAULT_WIDTH","default","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","PropTypes","string","bool","object","defaultProps","_default","exports"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst UNSAFE_URL_PATTERN = /^(javascript|data):/i;\n\nconst isSafeUrl = url => !UNSAFE_URL_PATTERN.test(url.trim());\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling, parent }) => {\n  const {\n    data: [resolvedSrc]\n  } = useStringTemplate(parent, [src || '']);\n  if (!resolvedSrc || !isSafeUrl(resolvedSrc)) return null;\n  const modifierString = modifier ? ` ${modifier}` : '';\n  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n  const defaultWidth = !width ? DEFAULT_WIDTH : {};\n  return (\n    <div className={iframeClassName}>\n      <IframeResizer\n        scrolling={enableScrolling}\n        autoResize\n        src={resolvedSrc}\n        sizeHeight={!height}\n        height={height}\n        width={width}\n        style={defaultWidth}\n      />\n    </div>\n  );\n};\n\nIframe.propTypes = {\n  src: PropTypes.string,\n  enableScrolling: PropTypes.bool,\n  modifier: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  parent: PropTypes.object\n};\n\nIframe.defaultProps = {\n  src: '',\n  enableScrolling: false,\n  modifier: '',\n  width: '',\n  height: '',\n  parent: {}\n};\n\nexport default Iframe;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,MAAMK,kBAAkB,GAAG,sBAAsB;AAEjD,MAAMC,SAAS,GAAGC,GAAG,IAAI,CAACF,kBAAkB,CAACG,IAAI,CAACD,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC;AAE7D,MAAMC,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC,eAAe;EAAEC;AAAO,CAAC,KAAK;EAC5E,MAAM;IACJC,IAAI,EAAE,CAACC,WAAW;EACpB,CAAC,GAAG,IAAAC,kCAAiB,EAACH,MAAM,EAAE,CAACL,GAAG,IAAI,EAAE,CAAC,CAAC;EAC1C,IAAI,CAACO,WAAW,IAAI,CAACZ,SAAS,CAACY,WAAW,CAAC,EAAE,OAAO,IAAI;EACxD,MAAME,cAAc,GAAGR,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,MAAMS,eAAe,GAAG,GAAGC,uBAAY,GAAGF,cAAc,EAAE;EAC1D,MAAMG,YAAY,GAAG,CAACV,KAAK,GAAGW,wBAAa,GAAG,CAAC,CAAC;EAChD,oBACE1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEN;EAAgB,gBAC9BvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,mBAAA,CAAAuB,OAAa;IACZG,SAAS,EAAEb,eAAgB;IAC3Bc,UAAU;IACVlB,GAAG,EAAEO,WAAY;IACjBY,UAAU,EAAE,CAAChB,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbkB,KAAK,EAAER;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDb,MAAM,CAACsB,SAAS,GAAG;EACjBrB,GAAG,EAAEsB,kBAAS,CAACC,MAAM;EACrBnB,eAAe,EAAEkB,kBAAS,CAACE,IAAI;EAC/BvB,QAAQ,EAAEqB,kBAAS,CAACC,MAAM;EAC1BrB,KAAK,EAAEoB,kBAAS,CAACC,MAAM;EACvBpB,MAAM,EAAEmB,kBAAS,CAACC,MAAM;EACxBlB,MAAM,EAAEiB,kBAAS,CAACG;AACpB,CAAC;AAED1B,MAAM,CAAC2B,YAAY,GAAG;EACpB1B,GAAG,EAAE,EAAE;EACPI,eAAe,EAAE,KAAK;EACtBH,QAAQ,EAAE,EAAE;EACZC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVE,MAAM,EAAE,CAAC;AACX,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEaf,MAAM","ignoreList":[]}

package/lib/components/Layout/Layout.js

@@ -10,13 +10,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utilsHandlebars = require("@blaze-cms/utils-handlebars");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _utils = require("../../utils");
 var _hooks = require("../../hooks");
 var _helpers = require("./helpers");
 var _helpers2 = require("../../helpers");
 var _constants = require("../../constants");
-const _excluded = ["type", "children", "settings", "modifier", "backgroundImage", "tagType", "dataNoSnippet", "sticky", "VariantComponent", "customHtmlProps"];
+const _excluded = ["type", "children", "settings", "modifier", "backgroundImage", "backgroundImageUrl", "parent", "tagType", "dataNoSnippet", "sticky", "VariantComponent", "customHtmlProps"];
 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; }
 const Layout = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
@@ -26,6 +27,8 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       settings,
       modifier,
       backgroundImage,
+      backgroundImageUrl,
+      parent,
       tagType,
       dataNoSnippet,
       sticky,
@@ -33,15 +36,19 @@ const Layout = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       customHtmlProps = []
     } = _ref,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const {
+    data: [resolvedBackgroundImageUrl]
+  } = (0, _utilsHandlebars.useStringTemplate)(parent, [backgroundImageUrl || '']);
   const {
     data: {
       getFile: {
         url = null
       } = {}
     }
-  } = (0, _hooks.useGetImages)(backgroundImage);
+  } = (0, _hooks.useGetImages)(backgroundImage, false, !!resolvedBackgroundImageUrl);
+  const backgroundUrl = resolvedBackgroundImageUrl || url;
   const style = (0, _helpers.getStylesToUpdate)({
-    backgroundImage: url
+    backgroundImage: backgroundUrl
   });
   const {
     title
@@ -76,6 +83,8 @@ Layout.propTypes = {
   }),
   modifier: _propTypes.default.string,
   backgroundImage: _propTypes.default.string,
+  backgroundImageUrl: _propTypes.default.string,
+  parent: _propTypes.default.object,
   tagType: _propTypes.default.string,
   dataNoSnippet: _propTypes.default.bool,
   VariantComponent: _propTypes.default.func,
@@ -90,6 +99,8 @@ Layout.defaultProps = {
     title: ''
   },
   backgroundImage: '',
+  backgroundImageUrl: '',
+  parent: {},
   modifier: '',
   tagType: '',
   dataNoSnippet: false,

package/lib/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["_react","_interopRequireDefault","require","_propTypes","_Wrapper","_utils","_hooks","_helpers","_helpers2","_constants","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Layout","React","forwardRef","_ref","ref","type","children","settings","modifier","backgroundImage","tagType","dataNoSnippet","sticky","VariantComponent","customHtmlProps","otherProps","_objectWithoutProperties2","data","getFile","url","useGetImages","style","getStylesToUpdate","title","classModifiers","getClassModifiers","additionalRowModifier","checkIfRowHasColumns","COLUMN","hasChildren","otherWrapperProps","customHtmlProperties","getCustomHtmlProperties","WrapperComponent","Wrapper","createElement","_extends2","className","modifiers","renderChildren","propTypes","PropTypes","string","isRequired","bool","shape","func","arrayOf","name","value","oneOfType","node","defaultProps","_default","exports"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren, getCustomHtmlProperties } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = React.forwardRef(\n  (\n    {\n      type,\n      children,\n      settings,\n      modifier,\n      backgroundImage,\n      tagType,\n      dataNoSnippet,\n      sticky,\n      VariantComponent,\n      customHtmlProps = [],\n      ...otherProps\n    },\n    ref\n  ) => {\n    const {\n      data: { getFile: { url = null } = {} }\n    } = useGetImages(backgroundImage);\n    const style = getStylesToUpdate({ backgroundImage: url });\n    const { title } = settings;\n    const classModifiers = getClassModifiers(type, { modifier, sticky, ...otherProps });\n    const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n    if (type === COLUMN && !hasChildren(children)) return null;\n\n    const otherWrapperProps = {};\n    if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;\n\n    const customHtmlProperties = getCustomHtmlProperties({ customHtmlProps });\n\n    const WrapperComponent = VariantComponent || Wrapper;\n\n    return (\n      <WrapperComponent\n        ref={ref}\n        tagType={tagType}\n        className={type}\n        modifiers={`${classModifiers}${additionalRowModifier}`}\n        style={style}\n        {...otherWrapperProps}\n        {...customHtmlProperties}>\n        {title && <h2 className=\"heading heading--section\">{title}</h2>}\n        {renderChildren(children, otherProps)}\n      </WrapperComponent>\n    );\n  }\n);\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  sticky: PropTypes.bool,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  tagType: PropTypes.string,\n  dataNoSnippet: PropTypes.bool,\n  VariantComponent: PropTypes.func,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  modifier: '',\n  tagType: '',\n  dataNoSnippet: false,\n  sticky: false,\n  VariantComponent: null,\n  customHtmlProps: []\n};\n\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Layout.js","names":["_react","_interopRequireDefault","require","_propTypes","_utilsHandlebars","_Wrapper","_utils","_hooks","_helpers","_helpers2","_constants","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Layout","React","forwardRef","_ref","ref","type","children","settings","modifier","backgroundImage","backgroundImageUrl","parent","tagType","dataNoSnippet","sticky","VariantComponent","customHtmlProps","otherProps","_objectWithoutProperties2","data","resolvedBackgroundImageUrl","useStringTemplate","getFile","url","useGetImages","backgroundUrl","style","getStylesToUpdate","title","classModifiers","getClassModifiers","additionalRowModifier","checkIfRowHasColumns","COLUMN","hasChildren","otherWrapperProps","customHtmlProperties","getCustomHtmlProperties","WrapperComponent","Wrapper","createElement","_extends2","className","modifiers","renderChildren","propTypes","PropTypes","string","isRequired","bool","shape","object","func","arrayOf","name","value","oneOfType","node","defaultProps","_default","exports"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren, getCustomHtmlProperties } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = React.forwardRef(\n  (\n    {\n      type,\n      children,\n      settings,\n      modifier,\n      backgroundImage,\n      backgroundImageUrl,\n      parent,\n      tagType,\n      dataNoSnippet,\n      sticky,\n      VariantComponent,\n      customHtmlProps = [],\n      ...otherProps\n    },\n    ref\n  ) => {\n    const {\n      data: [resolvedBackgroundImageUrl]\n    } = useStringTemplate(parent, [backgroundImageUrl || '']);\n    const {\n      data: { getFile: { url = null } = {} }\n    } = useGetImages(backgroundImage, false, !!resolvedBackgroundImageUrl);\n    const backgroundUrl = resolvedBackgroundImageUrl || url;\n    const style = getStylesToUpdate({ backgroundImage: backgroundUrl });\n    const { title } = settings;\n    const classModifiers = getClassModifiers(type, { modifier, sticky, ...otherProps });\n    const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n    if (type === COLUMN && !hasChildren(children)) return null;\n\n    const otherWrapperProps = {};\n    if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;\n\n    const customHtmlProperties = getCustomHtmlProperties({ customHtmlProps });\n\n    const WrapperComponent = VariantComponent || Wrapper;\n\n    return (\n      <WrapperComponent\n        ref={ref}\n        tagType={tagType}\n        className={type}\n        modifiers={`${classModifiers}${additionalRowModifier}`}\n        style={style}\n        {...otherWrapperProps}\n        {...customHtmlProperties}>\n        {title && <h2 className=\"heading heading--section\">{title}</h2>}\n        {renderChildren(children, otherProps)}\n      </WrapperComponent>\n    );\n  }\n);\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  sticky: PropTypes.bool,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  parent: PropTypes.object,\n  tagType: PropTypes.string,\n  dataNoSnippet: PropTypes.bool,\n  VariantComponent: PropTypes.func,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  backgroundImageUrl: '',\n  parent: {},\n  modifier: '',\n  tagType: '',\n  dataNoSnippet: false,\n  sticky: false,\n  VariantComponent: null,\n  customHtmlProps: []\n};\n\nexport default Layout;\n"],"mappings":"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","ignoreList":[]}

package/lib/helpers/get-component-id.js

@@ -7,8 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _cssesc = _interopRequireDefault(require("cssesc"));
 var _constants = require("../constants");
-const getComponentId = componentName => (0, _cssesc.default)(`${_constants.COMPONENT_ID_PREFIX}${componentName.replace(/\s+/g, '-')}`, {
-  isIdentifier: true
-});
+const getComponentId = (componentName, noPrefix = false, toLowerCase = false) => {
+  let id = `${noPrefix ? '' : _constants.COMPONENT_ID_PREFIX}${componentName.replace(/\s+/g, '-')}`;
+  if (toLowerCase) {
+    id = id.toLowerCase();
+  }
+  return (0, _cssesc.default)(id, {
+    isIdentifier: true
+  });
+};
 var _default = exports.default = getComponentId;
 //# sourceMappingURL=get-component-id.js.map

package/lib/helpers/get-component-id.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-component-id.js","names":["_cssesc","_interopRequireDefault","require","_constants","getComponentId","componentName","cssesc","COMPONENT_ID_PREFIX","replace","isIdentifier","_default","exports","default"],"sources":["../../src/helpers/get-component-id.js"],"sourcesContent":["import cssesc from 'cssesc';\nimport { COMPONENT_ID_PREFIX } from '../constants';\n\nconst getComponentId = componentName =>\n  cssesc(`${COMPONENT_ID_PREFIX}${componentName.replace(/\\s+/g, '-')}`, {\n    isIdentifier: true\n  });\n\nexport default getComponentId;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAGC,aAAa,IAClC,IAAAC,eAAM,EAAC,GAAGC,8BAAmB,GAAGF,aAAa,CAACG,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE;EACpEC,YAAY,EAAE;AAChB,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEUR,cAAc","ignoreList":[]}
+{"version":3,"file":"get-component-id.js","names":["_cssesc","_interopRequireDefault","require","_constants","getComponentId","componentName","noPrefix","toLowerCase","id","COMPONENT_ID_PREFIX","replace","cssesc","isIdentifier","_default","exports","default"],"sources":["../../src/helpers/get-component-id.js"],"sourcesContent":["import cssesc from 'cssesc';\nimport { COMPONENT_ID_PREFIX } from '../constants';\n\nconst getComponentId = (componentName, noPrefix = false, toLowerCase = false) => {\n  let id = `${noPrefix ? '' : COMPONENT_ID_PREFIX}${componentName.replace(/\\s+/g, '-')}`;\n  if (toLowerCase) {\n    id = id.toLowerCase();\n  }\n  return cssesc(id, { isIdentifier: true });\n};\n\nexport default getComponentId;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAGA,CAACC,aAAa,EAAEC,QAAQ,GAAG,KAAK,EAAEC,WAAW,GAAG,KAAK,KAAK;EAC/E,IAAIC,EAAE,GAAG,GAAGF,QAAQ,GAAG,EAAE,GAAGG,8BAAmB,GAAGJ,aAAa,CAACK,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;EACtF,IAAIH,WAAW,EAAE;IACfC,EAAE,GAAGA,EAAE,CAACD,WAAW,CAAC,CAAC;EACvB;EACA,OAAO,IAAAI,eAAM,EAACH,EAAE,EAAE;IAAEI,YAAY,EAAE;EAAK,CAAC,CAAC;AAC3C,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaX,cAAc","ignoreList":[]}