@measured/puck-plugin-heading-analyzer 0.11.0-canary.c8c02fd → 0.11.0-canary.d22150a

package/dist/index.css

@@ -1,52 +1,66 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_f1p35_1 {
+._SidebarSection_r7dv3_1 {
   display: flex;
   position: relative;
   flex-direction: column;
   color: black;
 }
-._SidebarSection_f1p35_1:last-of-type {
+._SidebarSection_r7dv3_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_f1p35_12 {
+._SidebarSection-title_r7dv3_12 {
   background: white;
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-8);
   overflow-x: auto;
 }
-._SidebarSection-content_f1p35_19 {
+._SidebarSection-content_r7dv3_19 {
   border-bottom: 1px solid var(--puck-color-grey-8);
   padding: 16px;
 }
-._SidebarSection--noPadding_f1p35_24 ._SidebarSection-content_f1p35_19 {
+._SidebarSection--noPadding_r7dv3_24 ._SidebarSection-content_r7dv3_19 {
   padding: 0px;
 }
-._SidebarSection_f1p35_1:last-of-type ._SidebarSection-content_f1p35_19 {
+._SidebarSection_r7dv3_1:last-of-type ._SidebarSection-content_r7dv3_19 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_f1p35_33 {
+._SidebarSection-breadcrumbLabel_r7dv3_33 {
   color: var(--puck-color-azure-3);
   flex-shrink: 0;
 }
-._SidebarSection-breadcrumbLabel_f1p35_33:hover {
+._SidebarSection-breadcrumbLabel_r7dv3_33:hover {
   color: var(--puck-color-azure-4);
   cursor: pointer;
   text-decoration: underline;
 }
-._SidebarSection-breadcrumbs_f1p35_44 {
+._SidebarSection-breadcrumbs_r7dv3_44 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_f1p35_33 {
+._SidebarSection-breadcrumb_r7dv3_33 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_f1p35_56 {
+._SidebarSection-heading_r7dv3_56 {
   padding-right: 16px;
 }
+._SidebarSection-loadingOverlay_r7dv3_60 {
+  background: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  position: absolute;
+  z-index: 1;
+  pointer-events: all;
+  box-sizing: border-box;
+  opacity: 0.8;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
 ._Heading_1bvy5_1 {

package/dist/index.js

@@ -1084,7 +1084,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
 init_react_import();
-var styles_module_default = { "SidebarSection": "_SidebarSection_f1p35_1", "SidebarSection-title": "_SidebarSection-title_f1p35_12", "SidebarSection-content": "_SidebarSection-content_f1p35_19", "SidebarSection--noPadding": "_SidebarSection--noPadding_f1p35_24", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_f1p35_33", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_f1p35_44", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_f1p35_33", "SidebarSection-heading": "_SidebarSection-heading_f1p35_56" };
+var styles_module_default = { "SidebarSection": "_SidebarSection_r7dv3_1", "SidebarSection-title": "_SidebarSection-title_r7dv3_12", "SidebarSection-content": "_SidebarSection-content_r7dv3_19", "SidebarSection--noPadding": "_SidebarSection--noPadding_r7dv3_24", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_r7dv3_33", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_r7dv3_44", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_r7dv3_33", "SidebarSection-heading": "_SidebarSection-heading_r7dv3_56", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_r7dv3_60" };
 
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
@@ -1242,11 +1242,13 @@ var setupZone = (data, zoneKey) => {
 };
 
 // ../core/lib/get-item.ts
-var getItem = (selector, data) => {
+var getItem = (selector, data, dynamicProps = {}) => {
   if (!selector.zone || selector.zone === rootDroppableId) {
-    return data.content[selector.index];
+    const item2 = data.content[selector.index];
+    return __spreadProps(__spreadValues({}, item2), { props: dynamicProps[item2.props.id] || item2.props });
   }
-  return setupZone(data, selector.zone).zones[selector.zone][selector.index];
+  const item = setupZone(data, selector.zone).zones[selector.zone][selector.index];
+  return __spreadProps(__spreadValues({}, item), { props: dynamicProps[item.props.id] || item.props });
 };
 
 // ../core/lib/get-zone-id.ts
@@ -1280,7 +1282,8 @@ var defaultAppState = {
 var appContext = (0, import_react4.createContext)({
   state: defaultAppState,
   dispatch: () => null,
-  config: { components: {} }
+  config: { components: {} },
+  componentState: {}
 });
 var AppProvider = appContext.Provider;
 var useAppContext = () => {
@@ -1363,6 +1366,115 @@ var useBreadcrumbs = (renderCount) => {
   }, [selectedItem, dzContext == null ? void 0 : dzContext.pathData, renderCount]);
 };
 
+// ../../node_modules/react-spinners/esm/index.js
+init_react_import();
+
+// ../../node_modules/react-spinners/esm/helpers/unitConverter.js
+init_react_import();
+var cssUnit = {
+  cm: true,
+  mm: true,
+  in: true,
+  px: true,
+  pt: true,
+  pc: true,
+  em: true,
+  ex: true,
+  ch: true,
+  rem: true,
+  vw: true,
+  vh: true,
+  vmin: true,
+  vmax: true,
+  "%": true
+};
+function parseLengthAndUnit(size) {
+  if (typeof size === "number") {
+    return {
+      value: size,
+      unit: "px"
+    };
+  }
+  var value;
+  var valueString = (size.match(/^[0-9.]*/) || "").toString();
+  if (valueString.includes(".")) {
+    value = parseFloat(valueString);
+  } else {
+    value = parseInt(valueString, 10);
+  }
+  var unit = (size.match(/[^0-9]*$/) || "").toString();
+  if (cssUnit[unit]) {
+    return {
+      value,
+      unit
+    };
+  }
+  console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
+  return {
+    value,
+    unit: "px"
+  };
+}
+function cssValue(value) {
+  var lengthWithunit = parseLengthAndUnit(value);
+  return "".concat(lengthWithunit.value).concat(lengthWithunit.unit);
+}
+
+// ../../node_modules/react-spinners/esm/helpers/animation.js
+init_react_import();
+var createAnimation = function(loaderName, frames, suffix) {
+  var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
+  if (typeof window == "undefined" || !window.document) {
+    return animationName;
+  }
+  var styleEl = document.createElement("style");
+  document.head.appendChild(styleEl);
+  var styleSheet = styleEl.sheet;
+  var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
+  if (styleSheet) {
+    styleSheet.insertRule(keyFrames, 0);
+  }
+  return animationName;
+};
+
+// ../../node_modules/react-spinners/esm/ClipLoader.js
+init_react_import();
+var React3 = __toESM(require("react"));
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = function(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+var clip = createAnimation("ClipLoader", "0% {transform: rotate(0deg) scale(1)} 50% {transform: rotate(180deg) scale(0.8)} 100% {transform: rotate(360deg) scale(1)}", "clip");
+function ClipLoader(_a) {
+  var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 35 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
+  var style = __assign({ background: "transparent !important", width: cssValue(size), height: cssValue(size), borderRadius: "100%", border: "2px solid", borderTopColor: color, borderBottomColor: "transparent", borderLeftColor: color, borderRightColor: color, display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
+  if (!loading) {
+    return null;
+  }
+  return React3.createElement("span", __assign({ style }, additionalprops));
+}
+var ClipLoader_default = ClipLoader;
+
 // ../core/components/SidebarSection/index.tsx
 var getClassName2 = get_class_name_factory_default("SidebarSection", styles_module_default);
 var SidebarSection = ({
@@ -1370,7 +1482,8 @@ var SidebarSection = ({
   title,
   background,
   showBreadcrumbs,
-  noPadding
+  noPadding,
+  isLoading
 }) => {
   const { setUi } = useAppContext();
   const breadcrumbs = useBreadcrumbs(1);
@@ -1381,7 +1494,7 @@ var SidebarSection = ({
       onClick: () => setUi({ itemSelector: breadcrumb.selector })
     },
     breadcrumb.label
-  ), /* @__PURE__ */ import_react.default.createElement(chevron_right_default, { size: 16 }))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("heading") }, /* @__PURE__ */ import_react.default.createElement(Heading, { rank: 2, size: "xs" }, title)))), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("content") }, children));
+  ), /* @__PURE__ */ import_react.default.createElement(chevron_right_default, { size: 16 }))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("heading") }, /* @__PURE__ */ import_react.default.createElement(Heading, { rank: 2, size: "xs" }, title)))), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("content") }, children), isLoading && /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("loadingOverlay") }, /* @__PURE__ */ import_react.default.createElement(ClipLoader_default, null)));
 };
 
 // ../core/components/OutlineList/index.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.11.0-canary.c8c02fd",
+  "version": "0.11.0-canary.d22150a",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.11.0-canary.c8c02fd",
+    "@measured/puck": "^0.11.0-canary.d22150a",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",