@plaudit/gutenberg-api-extensions 2.18.1 → 2.18.2
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.
|
@@ -1,24 +1,29 @@
|
|
|
1
1
|
import { __experimentalLinkControl as LinkControl } from "@wordpress/block-editor";
|
|
2
|
-
import { BaseControl, Button,
|
|
3
|
-
import {
|
|
2
|
+
import { BaseControl, Button, TextControl, ToggleControl } from "@wordpress/components";
|
|
3
|
+
import { useEffect, useRef, useState } from "@wordpress/element";
|
|
4
4
|
import { chevronDown, chevronUp } from "@wordpress/icons";
|
|
5
5
|
import React from "react";
|
|
6
6
|
export function ProperLinkControl(props) {
|
|
7
7
|
const { value, onChange, onRemove, label, help, settings = ProperLinkControl.DEFAULT_LINK_SETTINGS, ...linkControlProps } = props;
|
|
8
8
|
const [areAdvancedSettingsVisible, setAreAdvancedSettingsVisible] = useState(false);
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
contentNode.style.width = "fit-content";
|
|
14
|
-
contentNode.style.marginLeft = contentNode.style.marginRight = "8px";
|
|
9
|
+
const advancedSettingsRef = useRef(null);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (!advancedSettingsRef.current) {
|
|
12
|
+
return;
|
|
15
13
|
}
|
|
16
|
-
|
|
14
|
+
if (areAdvancedSettingsVisible) {
|
|
15
|
+
advancedSettingsRef.current.style.maxHeight = `${advancedSettingsRef.current.scrollHeight}px`;
|
|
16
|
+
advancedSettingsRef.current.style.marginTop = "8px";
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
advancedSettingsRef.current.style.maxHeight = "0";
|
|
20
|
+
advancedSettingsRef.current.style.marginTop = "0";
|
|
21
|
+
}
|
|
22
|
+
}, [areAdvancedSettingsVisible, advancedSettingsRef]);
|
|
17
23
|
return React.createElement(BaseControl, { id: `plaudit-gutenberg-extensions-link-property-wrapper-${Math.round(Math.random() * 10000 + 1)}`, label: props.label, help: props.help },
|
|
18
24
|
React.createElement(LinkControl, { ...linkControlProps, value: value, onChange: onChange, onRemove: onRemove ?? (() => onChange(undefined)), settings: [], renderControlBottom: () => (value?.url && settings?.length && React.createElement(React.Fragment, null,
|
|
19
|
-
React.createElement(Button, {
|
|
20
|
-
|
|
21
|
-
React.createElement(Popover, { ref: forceResizePopover, anchor: buttonRef.current, constrainTabbing: false, resize: false, flip: false, inline: true, variant: "unstyled", offset: 8, onClose: () => setAreAdvancedSettingsVisible(false) }, ...settings.map(setting => React.createElement(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }))))) || "" }));
|
|
25
|
+
React.createElement(Button, { variant: "tertiary", onClick: () => setAreAdvancedSettingsVisible(!areAdvancedSettingsVisible), icon: areAdvancedSettingsVisible ? chevronUp : chevronDown, iconPosition: "right" }, "Advanced"),
|
|
26
|
+
React.createElement("div", { ref: advancedSettingsRef, style: { transition: "max-height 200ms ease-in-out", overflow: "hidden" } }, ...settings.map(setting => React.createElement(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }))))) || "" }));
|
|
22
27
|
}
|
|
23
28
|
ProperLinkControl.DEFAULT_LINK_SETTINGS = LinkControl.DEFAULT_LINK_SETTINGS;
|
|
24
29
|
function ProperLinkControlSetting({ value, onChange, setting }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProperLinkControl.js","sourceRoot":"","sources":["../../src/controls/ProperLinkControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,yBAAyB,IAAI,WAAW,EAAqD,MAAM,yBAAyB,CAAC;AACrI,OAAO,EAAC,WAAW,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ProperLinkControl.js","sourceRoot":"","sources":["../../src/controls/ProperLinkControl.tsx"],"names":[],"mappings":"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"}
|