labellife-design-tool 1.1.2 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -203,9 +203,30 @@ interface CanvasStore {
|
|
|
203
203
|
};
|
|
204
204
|
width: number;
|
|
205
205
|
height: number;
|
|
206
|
+
openSidePanel: (panelId: string | null) => void;
|
|
206
207
|
}
|
|
207
208
|
```
|
|
208
209
|
|
|
210
|
+
**Open panels programmatically**
|
|
211
|
+
|
|
212
|
+
```tsx
|
|
213
|
+
const MyPanel = ({ store }) => {
|
|
214
|
+
const openTextPanel = () => store.openSidePanel("text");
|
|
215
|
+
const openCustomPanel = () => store.openSidePanel("my-custom-panel");
|
|
216
|
+
const closeAllPanels = () => store.openSidePanel(null);
|
|
217
|
+
const tryOpenUnknown = () => store.openSidePanel("nonexistent"); // closes all panels
|
|
218
|
+
|
|
219
|
+
return (
|
|
220
|
+
<div style={{ color: "white", padding: 16 }}>
|
|
221
|
+
<button onClick={openTextPanel}>Open Text Panel</button>
|
|
222
|
+
<button onClick={openCustomPanel}>Open Custom Panel</button>
|
|
223
|
+
<button onClick={closeAllPanels}>Close All Panels</button>
|
|
224
|
+
<button onClick={tryOpenUnknown}>Try Unknown Panel (closes all)</button>
|
|
225
|
+
</div>
|
|
226
|
+
);
|
|
227
|
+
};
|
|
228
|
+
```
|
|
229
|
+
|
|
209
230
|
#### Default Behavior
|
|
210
231
|
|
|
211
232
|
If `config.panels` is **not provided**, the editor shows the default set:
|
package/dist/lib/lib/index.js
CHANGED
|
@@ -3635,8 +3635,29 @@ var CanvasEditor = forwardRef(({
|
|
|
3635
3635
|
}
|
|
3636
3636
|
},
|
|
3637
3637
|
width: design.width,
|
|
3638
|
-
height: design.height
|
|
3639
|
-
|
|
3638
|
+
height: design.height,
|
|
3639
|
+
openSidePanel: (panelId) => {
|
|
3640
|
+
if (!panelId) {
|
|
3641
|
+
setActivePanelId(null);
|
|
3642
|
+
return;
|
|
3643
|
+
}
|
|
3644
|
+
const requestedPanels = config?.panels && config.panels.length > 0 ? config.panels : [
|
|
3645
|
+
"text",
|
|
3646
|
+
"elements",
|
|
3647
|
+
"image",
|
|
3648
|
+
"design",
|
|
3649
|
+
"background",
|
|
3650
|
+
...config?.variables ? ["variables"] : [],
|
|
3651
|
+
...config?.export ? ["export"] : []
|
|
3652
|
+
];
|
|
3653
|
+
const panelExists = requestedPanels.some((p) => typeof p === "string" ? p === panelId : p.id === panelId);
|
|
3654
|
+
if (panelExists) {
|
|
3655
|
+
setActivePanelId(panelId);
|
|
3656
|
+
} else {
|
|
3657
|
+
setActivePanelId(null);
|
|
3658
|
+
}
|
|
3659
|
+
}
|
|
3660
|
+
}), [currentPage.id, design.width, design.height, config, setActivePanelId]);
|
|
3640
3661
|
const panelConfigs = useMemo(() => {
|
|
3641
3662
|
const builtInConfigs = {
|
|
3642
3663
|
elements: {
|
package/dist/lib/wordpress.js
CHANGED
|
@@ -3635,8 +3635,29 @@ var CanvasEditor = forwardRef(({
|
|
|
3635
3635
|
}
|
|
3636
3636
|
},
|
|
3637
3637
|
width: design.width,
|
|
3638
|
-
height: design.height
|
|
3639
|
-
|
|
3638
|
+
height: design.height,
|
|
3639
|
+
openSidePanel: (panelId) => {
|
|
3640
|
+
if (!panelId) {
|
|
3641
|
+
setActivePanelId(null);
|
|
3642
|
+
return;
|
|
3643
|
+
}
|
|
3644
|
+
const requestedPanels = config?.panels && config.panels.length > 0 ? config.panels : [
|
|
3645
|
+
"text",
|
|
3646
|
+
"elements",
|
|
3647
|
+
"image",
|
|
3648
|
+
"design",
|
|
3649
|
+
"background",
|
|
3650
|
+
...config?.variables ? ["variables"] : [],
|
|
3651
|
+
...config?.export ? ["export"] : []
|
|
3652
|
+
];
|
|
3653
|
+
const panelExists = requestedPanels.some((p) => typeof p === "string" ? p === panelId : p.id === panelId);
|
|
3654
|
+
if (panelExists) {
|
|
3655
|
+
setActivePanelId(panelId);
|
|
3656
|
+
} else {
|
|
3657
|
+
setActivePanelId(null);
|
|
3658
|
+
}
|
|
3659
|
+
}
|
|
3660
|
+
}), [currentPage.id, design.width, design.height, config, setActivePanelId]);
|
|
3640
3661
|
const panelConfigs = useMemo(() => {
|
|
3641
3662
|
const builtInConfigs = {
|
|
3642
3663
|
elements: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAA+B,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAG7G,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;
|
|
1
|
+
{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAA+B,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAG7G,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCA4yC9E,CAAC;AAEH,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAC5C,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE;QACV,UAAU,EAAE,CAAC,OAAO,EAAE;YACpB,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;YACV,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,KAAK,IAAI,CAAC;KACZ,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED