@measured/puck 0.1.5 → 0.1.6

package/dist/index.js

@@ -34,6 +34,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -79,9 +82,19 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
+// ../tsup-config/react-import.js
+var import_react;
+var init_react_import = __esm({
+  "../tsup-config/react-import.js"() {
+    "use strict";
+    import_react = __toESM(require("react"));
+  }
+});
+
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
   "../../node_modules/classnames/index.js"(exports, module2) {
+    init_react_import();
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
@@ -137,19 +150,25 @@ __export(core_exports, {
   Render: () => Render
 });
 module.exports = __toCommonJS(core_exports);
+init_react_import();
+
+// types/Config.tsx
+init_react_import();
 
 // components/Puck/index.tsx
-var import_react6 = require("react");
+init_react_import();
+var import_react7 = require("react");
 var import_react_beautiful_dnd4 = require("react-beautiful-dnd");
 
 // components/DroppableStrictMode/index.tsx
-var import_react = require("react");
+init_react_import();
+var import_react2 = require("react");
 var import_react_beautiful_dnd = require("react-beautiful-dnd");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DroppableStrictMode = (_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  const [enabled, setEnabled] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
+  const [enabled, setEnabled] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
     const animation = requestAnimationFrame(() => setEnabled(true));
     return () => {
       cancelAnimationFrame(animation);
@@ -164,12 +183,15 @@ var DroppableStrictMode = (_a) => {
 var DroppableStrictMode_default = DroppableStrictMode;
 
 // components/DraggableComponent/index.tsx
+init_react_import();
 var import_react_beautiful_dnd2 = require("react-beautiful-dnd");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css#css-module
+init_react_import();
 var styles_module_default = { "DraggableComponent": "_DraggableComponent_10y0g_1", "DraggableComponent-contents": "_DraggableComponent-contents_10y0g_5", "DraggableComponent-overlay": "_DraggableComponent-overlay_10y0g_9", "DraggableComponent--isModifierHeld": "_DraggableComponent--isModifierHeld_10y0g_25", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_10y0g_29", "DraggableComponent-actions": "_DraggableComponent-actions_10y0g_34", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_10y0g_49", "DraggableComponent-action": "_DraggableComponent-action_10y0g_34" };
 
 // lib/get-class-name-factory.ts
+init_react_import();
 var import_classnames = __toESM(require_classnames());
 var getClassNameFactory = (rootClass, styles, { baseClass = "" } = {}) => (options = {}) => {
   let descendant = false;
@@ -200,9 +222,10 @@ var get_class_name_factory_default = getClassNameFactory;
 var import_react_feather = require("react-feather");
 
 // lib/use-modifier-held.ts
-var import_react2 = require("react");
+init_react_import();
+var import_react3 = require("react");
 var useModifierHeld = (modifier) => {
-  const [modifierHeld, setModifierHeld] = (0, import_react2.useState)(false);
+  const [modifierHeld, setModifierHeld] = (0, import_react3.useState)(false);
   function downHandler({ key }) {
     if (key === modifier) {
       setModifierHeld(true);
@@ -213,7 +236,7 @@ var useModifierHeld = (modifier) => {
       setModifierHeld(false);
     }
   }
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     window.addEventListener("keydown", downHandler);
     window.addEventListener("keyup", upHandler);
     return () => {
@@ -261,10 +284,15 @@ var DraggableComponent = ({
   ) }, id);
 };
 
+// components/InputOrGroup/index.tsx
+init_react_import();
+
 // components/ExternalInput/index.tsx
-var import_react3 = require("react");
+init_react_import();
+var import_react4 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css#css-module
+init_react_import();
 var styles_module_default2 = { "ExternalInput": "_ExternalInput_v316c_1", "ExternalInput-actions": "_ExternalInput-actions_v316c_5", "ExternalInput-button": "_ExternalInput-button_v316c_9", "ExternalInput-detachButton": "_ExternalInput-detachButton_v316c_23", "ExternalInput--hasData": "_ExternalInput--hasData_v316c_30", "ExternalInput-modal": "_ExternalInput-modal_v316c_45", "ExternalInput--modalVisible": "_ExternalInput--modalVisible_v316c_59", "ExternalInput-modalInner": "_ExternalInput-modalInner_v316c_63", "ExternalInput-modalHeading": "_ExternalInput-modalHeading_v316c_74", "ExternalInput-modalTableWrapper": "_ExternalInput-modalTableWrapper_v316c_79" };
 
 // components/ExternalInput/index.tsx
@@ -275,10 +303,10 @@ var ExternalInput = ({
   onChange,
   value = null
 }) => {
-  const [data, setData] = (0, import_react3.useState)([]);
-  const [isOpen, setOpen] = (0, import_react3.useState)(false);
-  const [selectedData, setSelectedData] = (0, import_react3.useState)(value);
-  (0, import_react3.useEffect)(() => {
+  const [data, setData] = (0, import_react4.useState)([]);
+  const [isOpen, setOpen] = (0, import_react4.useState)(false);
+  const [selectedData, setSelectedData] = (0, import_react4.useState)(value);
+  (0, import_react4.useEffect)(() => {
     (() => __async(void 0, null, function* () {
       if (field.adaptor) {
         const listData = yield field.adaptor.fetchList(field.adaptorParams);
@@ -354,9 +382,14 @@ var ExternalInput = ({
 };
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/InputOrGroup/styles.module.css#css-module
+init_react_import();
 var styles_module_default3 = { "Input": "_Input_1vwgb_1", "Input-label": "_Input-label_1vwgb_14", "Input-input": "_Input-input_1vwgb_20", "Input--readOnly": "_Input--readOnly_1vwgb_41", "Input-group": "_Input-group_1vwgb_50", "Input-action": "_Input-action_1vwgb_72", "Input-addButton": "_Input-addButton_1vwgb_93", "Input-item": "_Input-item_1vwgb_107", "Input-radioGroup": "_Input-radioGroup_1vwgb_114", "Input-radioGroupItems": "_Input-radioGroupItems_1vwgb_119", "Input-radio": "_Input-radio_1vwgb_114" };
 
+// lib/index.ts
+init_react_import();
+
 // lib/filter.ts
+init_react_import();
 var filter = (obj, validKeys) => {
   return validKeys.reduce((acc, item) => {
     if (typeof obj[item] !== "undefined") {
@@ -367,6 +400,7 @@ var filter = (obj, validKeys) => {
 };
 
 // lib/reorder.ts
+init_react_import();
 var reorder = (list, startIndex, endIndex) => {
   const result = Array.from(list);
   const [removed] = result.splice(startIndex, 1);
@@ -375,6 +409,7 @@ var reorder = (list, startIndex, endIndex) => {
 };
 
 // lib/replace.ts
+init_react_import();
 var replace = (list, index, newItem) => {
   const result = Array.from(list);
   result.splice(index, 1);
@@ -545,9 +580,11 @@ var InputOrGroup = ({
 };
 
 // components/ComponentList/index.tsx
+init_react_import();
 var import_react_beautiful_dnd3 = require("react-beautiful-dnd");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css#css-module
+init_react_import();
 var styles_module_default4 = { "ComponentList": "_ComponentList_91nmt_1", "ComponentList-item": "_ComponentList-item_91nmt_9", "ComponentList-itemShadow": "_ComponentList-itemShadow_91nmt_10", "ComponentList-itemIcon": "_ComponentList-itemIcon_91nmt_24" };
 
 // components/ComponentList/index.tsx
@@ -606,7 +643,11 @@ var ComponentList = ({ config }) => {
   ) });
 };
 
+// components/OutlineList/index.tsx
+init_react_import();
+
 // css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css#css-module
+init_react_import();
 var styles_module_default5 = { "OutlineList": "_OutlineList_gor6f_1", "OutlineList-clickableItem": "_OutlineList-clickableItem_gor6f_36" };
 
 // components/OutlineList/index.tsx
@@ -630,10 +671,15 @@ OutlineList.Item = ({
   );
 };
 
+// components/Button/index.ts
+init_react_import();
+
 // components/Button/Button.tsx
-var import_react4 = require("react");
+init_react_import();
+var import_react5 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Button/Button.module.css#css-module
+init_react_import();
 var Button_module_default = { "Button": "_Button_1bqmn_1", "Button--primary": "_Button--primary_1bqmn_25", "Button--secondary": "_Button--secondary_1bqmn_34", "Button--flush": "_Button--flush_1bqmn_45", "Button--disabled": "_Button--disabled_1bqmn_49", "Button--fullWidth": "_Button--fullWidth_1bqmn_59" };
 
 // components/Button/Button.tsx
@@ -651,7 +697,7 @@ var Button = ({
   newTab,
   fullWidth
 }) => {
-  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const [loading, setLoading] = (0, import_react5.useState)(false);
   const ElementType = href ? "a" : "button";
   const el = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     ElementType,
@@ -689,10 +735,11 @@ var Button = ({
 };
 
 // lib/use-placeholder-style.ts
-var import_react5 = require("react");
+init_react_import();
+var import_react6 = require("react");
 var usePlaceholderStyle = () => {
   const queryAttr = "data-rbd-drag-handle-draggable-id";
-  const [placeholderStyle, setPlaceholderStyle] = (0, import_react5.useState)();
+  const [placeholderStyle, setPlaceholderStyle] = (0, import_react6.useState)();
   const onDragUpdate = (update) => {
     if (!update.destination) {
       return;
@@ -728,10 +775,18 @@ var usePlaceholderStyle = () => {
   return { onDragUpdate, placeholderStyle };
 };
 
+// components/SidebarSection/index.tsx
+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_default6 = { "SidebarSection": "_SidebarSection_jsf8x_1", "SidebarSection-content": "_SidebarSection-content_jsf8x_1", "SidebarSection-title": "_SidebarSection-title_jsf8x_6" };
 
+// components/Heading/index.tsx
+init_react_import();
+
 // css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css#css-module
+init_react_import();
 var styles_module_default7 = { "Heading": "_Heading_1y35v_1", "Heading--xxxxl": "_Heading--xxxxl_1y35v_12", "Heading--xxxl": "_Heading--xxxl_1y35v_18", "Heading--xxl": "_Heading--xxl_1y35v_22", "Heading--xl": "_Heading--xl_1y35v_26", "Heading--l": "_Heading--l_1y35v_30", "Heading--m": "_Heading--m_1y35v_34", "Heading--s": "_Heading--s_1y35v_38", "Heading--xs": "_Heading--xs_1y35v_42" };
 
 // components/Heading/index.tsx
@@ -764,6 +819,7 @@ var SidebarSection = ({
 };
 
 // lib/scroll-into-view.ts
+init_react_import();
 var scrollIntoView = (el) => {
   const oldStyle = __spreadValues({}, el.style);
   el.style.scrollMargin = "256px";
@@ -798,9 +854,9 @@ function Puck({
   renderHeader
 }) {
   var _a, _b;
-  const [data, setData] = (0, import_react6.useState)(initialData);
-  const [selectedIndex, setSelectedIndex] = (0, import_react6.useState)(null);
-  const Page = (0, import_react6.useCallback)(
+  const [data, setData] = (0, import_react7.useState)(initialData);
+  const [selectedIndex, setSelectedIndex] = (0, import_react7.useState)(null);
+  const Page = (0, import_react7.useCallback)(
     (pageProps) => {
       var _a2, _b2;
       return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -815,7 +871,7 @@ function Puck({
     },
     [config.page]
   );
-  const PageFieldWrapper = (0, import_react6.useCallback)(
+  const PageFieldWrapper = (0, import_react7.useCallback)(
     (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       PluginRenderer,
       {
@@ -827,7 +883,7 @@ function Puck({
     ),
     []
   );
-  const ComponentFieldWrapper = (0, import_react6.useCallback)(
+  const ComponentFieldWrapper = (0, import_react7.useCallback)(
     (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       PluginRenderer,
       {
@@ -842,7 +898,7 @@ function Puck({
   const FieldWrapper = selectedIndex !== null ? ComponentFieldWrapper : PageFieldWrapper;
   const pageFields = ((_a = config.page) == null ? void 0 : _a.fields) || defaultPageFields;
   let fields = selectedIndex !== null ? ((_b = config.components[data.content[selectedIndex].type]) == null ? void 0 : _b.fields) || {} : pageFields;
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (onChange)
       onChange(data);
   }, [data]);
@@ -1161,6 +1217,7 @@ function Puck({
 }
 
 // components/Render/index.tsx
+init_react_import();
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function Render({ config, data }) {
   const children = data.content.map((item) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",