@blockbite/ui 2.0.9 → 2.0.10
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/dist/AutocompleteDropdown.d.ts +2 -1
- package/dist/AutocompleteDropdown.js +19 -6
- package/dist/AutocompleteDropdown.js.map +1 -1
- package/dist/Badge.d.ts +2 -1
- package/dist/Badge.js +3 -2
- package/dist/Badge.js.map +1 -1
- package/dist/BitePreview.d.ts +2 -1
- package/dist/BitePreview.js +7 -3
- package/dist/BitePreview.js.map +1 -1
- package/dist/Button.d.ts +2 -1
- package/dist/Button.js +6 -2
- package/dist/Button.js.map +1 -1
- package/dist/ButtonToggle.d.ts +1 -0
- package/dist/ButtonToggle.js +17 -9
- package/dist/ButtonToggle.js.map +1 -1
- package/dist/Chapter.d.ts +2 -1
- package/dist/Chapter.js +5 -2
- package/dist/Chapter.js.map +1 -1
- package/dist/ChapterDivider.d.ts +2 -1
- package/dist/ChapterDivider.js +7 -2
- package/dist/ChapterDivider.js.map +1 -1
- package/dist/Checkbox.d.ts +2 -1
- package/dist/Checkbox.js +4 -2
- package/dist/Checkbox.js.map +1 -1
- package/dist/DisappearingMessage.d.ts +2 -1
- package/dist/DisappearingMessage.js +3 -2
- package/dist/DisappearingMessage.js.map +1 -1
- package/dist/DropdownPicker.d.ts +2 -1
- package/dist/DropdownPicker.js +4 -3
- package/dist/DropdownPicker.js.map +1 -1
- package/dist/EmptyState.d.ts +2 -1
- package/dist/EmptyState.js +9 -2
- package/dist/EmptyState.js.map +1 -1
- package/dist/FloatingPanel.d.ts +2 -1
- package/dist/FloatingPanel.js +6 -2
- package/dist/FloatingPanel.js.map +1 -1
- package/dist/FocalPointControl.d.ts +1 -0
- package/dist/FocalPointControl.js +4 -2
- package/dist/FocalPointControl.js.map +1 -1
- package/dist/Icon.d.ts +2 -1
- package/dist/Icon.js +5 -2
- package/dist/Icon.js.map +1 -1
- package/dist/LinkPicker.d.ts +2 -1
- package/dist/LinkPicker.js +17 -9
- package/dist/LinkPicker.js.map +1 -1
- package/dist/MediaPicker.d.ts +2 -1
- package/dist/MediaPicker.js +16 -6
- package/dist/MediaPicker.js.map +1 -1
- package/dist/MetricsControl.d.ts +1 -0
- package/dist/MetricsControl.js +41 -37
- package/dist/MetricsControl.js.map +1 -1
- package/dist/Modal.d.ts +1 -0
- package/dist/Modal.js +30 -23
- package/dist/Modal.js.map +1 -1
- package/dist/NewWindowPortal.d.ts +2 -1
- package/dist/NewWindowPortal.js +2 -0
- package/dist/NewWindowPortal.js.map +1 -1
- package/dist/Notice.d.ts +2 -1
- package/dist/Notice.js +3 -2
- package/dist/Notice.js.map +1 -1
- package/dist/PasswordInput.d.ts +2 -1
- package/dist/PasswordInput.js +6 -3
- package/dist/PasswordInput.js.map +1 -1
- package/dist/Popover.d.ts +1 -0
- package/dist/Popover.js +11 -5
- package/dist/Popover.js.map +1 -1
- package/dist/RangeSlider.d.ts +1 -0
- package/dist/RangeSlider.js +10 -5
- package/dist/RangeSlider.js.map +1 -1
- package/dist/ResponsiveImage.d.ts +2 -1
- package/dist/ResponsiveImage.js +8 -3
- package/dist/ResponsiveImage.js.map +1 -1
- package/dist/ResponsiveVideo.d.ts +2 -1
- package/dist/ResponsiveVideo.js +4 -2
- package/dist/ResponsiveVideo.js.map +1 -1
- package/dist/ScrollList.d.ts +1 -0
- package/dist/ScrollList.js +4 -3
- package/dist/ScrollList.js.map +1 -1
- package/dist/SectionList.d.ts +2 -1
- package/dist/SectionList.js +22 -12
- package/dist/SectionList.js.map +1 -1
- package/dist/SelectControlWrapper.d.ts +2 -1
- package/dist/SelectControlWrapper.js +5 -2
- package/dist/SelectControlWrapper.js.map +1 -1
- package/dist/SingleBlockTypeAppender.d.ts +2 -1
- package/dist/SingleBlockTypeAppender.js +3 -2
- package/dist/SingleBlockTypeAppender.js.map +1 -1
- package/dist/SlideIn.d.ts +2 -1
- package/dist/SlideIn.js +4 -3
- package/dist/SlideIn.js.map +1 -1
- package/dist/Spinner.d.ts +2 -1
- package/dist/Spinner.js +3 -2
- package/dist/Spinner.js.map +1 -1
- package/dist/Tabs.d.ts +7 -6
- package/dist/Tabs.js +7 -5
- package/dist/Tabs.js.map +1 -1
- package/dist/Tag.d.ts +2 -1
- package/dist/Tag.js +4 -2
- package/dist/Tag.js.map +1 -1
- package/dist/TextControl.d.ts +2 -1
- package/dist/TextControl.js +12 -7
- package/dist/TextControl.js.map +1 -1
- package/dist/TextControlLabel.d.ts +2 -1
- package/dist/TextControlLabel.js +8 -2
- package/dist/TextControlLabel.js.map +1 -1
- package/dist/ToggleGroup.d.ts +1 -0
- package/dist/ToggleGroup.js +4 -2
- package/dist/ToggleGroup.js.map +1 -1
- package/dist/ToggleSwitch.d.ts +2 -1
- package/dist/ToggleSwitch.js +5 -3
- package/dist/ToggleSwitch.js.map +1 -1
- package/dist/Wrap.d.ts +2 -1
- package/dist/Wrap.js +5 -3
- package/dist/Wrap.js.map +1 -1
- package/package.json +2 -2
package/dist/Icon.js
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { Wrap } from './Wrap.js';
|
|
3
|
+
void React;
|
|
3
4
|
export const Icon = ({ icon: IconComponent, className = '' }) => {
|
|
4
5
|
if (!IconComponent)
|
|
5
6
|
return null;
|
|
6
|
-
return (
|
|
7
|
+
return (React.createElement(Wrap, { className: `blockbite--icon` },
|
|
8
|
+
React.createElement(IconComponent, { className: className }),
|
|
9
|
+
' '));
|
|
7
10
|
};
|
|
8
11
|
//# sourceMappingURL=Icon.js.map
|
package/dist/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAOX,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,GAAG,EAAE,EAAa,EAAE,EAAE;IACzE,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB;QAChC,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QAAC,GAAG,CAEtC,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/LinkPicker.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function LinkPicker(props: any): React.JSX.Element;
|
package/dist/LinkPicker.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
void React;
|
|
2
3
|
import apiFetch from '@wordpress/api-fetch';
|
|
3
4
|
import { TextControl } from '@wordpress/components';
|
|
4
5
|
import { useEffect, useState } from '@wordpress/element';
|
|
@@ -32,19 +33,26 @@ export function LinkPicker(props) {
|
|
|
32
33
|
}
|
|
33
34
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
35
|
}, [activeLink]);
|
|
35
|
-
return (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
return (React.createElement(Wrap, { className: "blockbite--editor-linkwrap" },
|
|
37
|
+
React.createElement(TextControl, { label: __('Search link', 'blockbitelinks'), value: activeKeyword, placeholder: "Example: About", onChange: (value) => setActiveKeyword(value), help: __('Type a post, page, title', 'blockbitelinks') }),
|
|
38
|
+
activeKeyword ? (React.createElement("div", { className: "blockbite--editor-linklist" },
|
|
39
|
+
React.createElement(LinkList, { links: links, onActiveLink: (link) => [
|
|
40
|
+
setActiveLink(Object.assign({}, link)),
|
|
41
|
+
setActiveKeyword(''),
|
|
42
|
+
] }))) : null));
|
|
39
43
|
}
|
|
40
44
|
function LinkList({ links, onActiveLink }) {
|
|
41
45
|
if (links === null) {
|
|
42
|
-
return
|
|
46
|
+
return React.createElement("p", null, "Loading...");
|
|
43
47
|
}
|
|
44
48
|
else if (links.length === 0) {
|
|
45
|
-
return
|
|
49
|
+
return React.createElement("p", null, "No Results");
|
|
46
50
|
}
|
|
47
|
-
const list = links.map((link) => (
|
|
48
|
-
|
|
51
|
+
const list = links.map((link) => (React.createElement(Wrap, { key: link.id },
|
|
52
|
+
React.createElement("span", { className: "blockbite--editor-link", onClick: () => onActiveLink(link) },
|
|
53
|
+
React.createElement("span", null, link.title),
|
|
54
|
+
React.createElement("span", { className: "blockbite--preview-link" }, link.url),
|
|
55
|
+
React.createElement("span", { className: "blockbite--preview-link" }, link.post_type)))));
|
|
56
|
+
return React.createElement(React.Fragment, null, list); // ✅ Wrapped
|
|
49
57
|
}
|
|
50
58
|
//# sourceMappingURL=LinkPicker.js.map
|
package/dist/LinkPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkPicker.js","sourceRoot":"","sources":["../src/LinkPicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LinkPicker.js","sourceRoot":"","sources":["../src/LinkPicker.tsx"],"names":[],"mappings":"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"}
|
package/dist/MediaPicker.d.ts
CHANGED
package/dist/MediaPicker.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
void React;
|
|
3
4
|
import { Button, PanelRow } from '@wordpress/components';
|
|
4
5
|
import { useEffect, useState } from '@wordpress/element';
|
|
5
6
|
import { __ } from '@wordpress/i18n';
|
|
@@ -87,10 +88,19 @@ export function MediaPicker({ mediaProps, mediaCallback }) {
|
|
|
87
88
|
};
|
|
88
89
|
mediaCallback(Object.assign({}, mediaObj));
|
|
89
90
|
};
|
|
90
|
-
return (
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
91
|
+
return (React.createElement(PanelRow, null,
|
|
92
|
+
stateMedia.id !== null && (React.createElement(MediaUploadCheck, null,
|
|
93
|
+
React.createElement(MediaUpload, { onSelect: onSelectMedia, value: stateMedia.id, allowedTypes: allowedTypes, render: ({ open }) => (React.createElement(Button, { className: stateMedia.id === 0
|
|
94
|
+
? 'editor-post-featured-image__toggle'
|
|
95
|
+
: 'editor-post-featured-image__preview', onClick: open },
|
|
96
|
+
stateMedia.id === 0 && __('Choose Media', 'blockbite'),
|
|
97
|
+
stateMedia.id && stateMedia.type === 'image' ? (React.createElement("div", { className: "blockbite--editor-visual-image" },
|
|
98
|
+
React.createElement("img", { alt: stateMedia.alt
|
|
99
|
+
? stateMedia.alt
|
|
100
|
+
: __('Image', 'blockbite'), src: stateMedia.url }))) : ('Add media'))) }))),
|
|
101
|
+
stateMedia.id !== 0 && (React.createElement(MediaUploadCheck, null,
|
|
102
|
+
React.createElement(MediaUpload, { title: __('Replace media', 'blockbite'), value: stateMedia.id, onSelect: onSelectMedia, allowedTypes: allowedTypes, render: ({ open }) => (React.createElement(Button, { onClick: open }, __('Replace media', 'blockbite'))) }))),
|
|
103
|
+
stateMedia.id !== 0 && (React.createElement(MediaUploadCheck, null,
|
|
104
|
+
React.createElement(Button, { onClick: () => removeMedia(), isDestructive: true }, __('Remove media', 'blockbite'))))));
|
|
95
105
|
}
|
|
96
106
|
//# sourceMappingURL=MediaPicker.js.map
|
package/dist/MediaPicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaPicker.js","sourceRoot":"","sources":["../src/MediaPicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MediaPicker.js","sourceRoot":"","sources":["../src/MediaPicker.tsx"],"names":[],"mappings":"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"}
|
package/dist/MetricsControl.d.ts
CHANGED
package/dist/MetricsControl.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
import { useEffect, useState } from '@wordpress/element';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { ButtonToggleGroup } from './ButtonToggle.js';
|
|
4
4
|
import { DropdownPicker } from './DropdownPicker.js';
|
|
5
5
|
import { Popover } from './Popover.js';
|
|
6
6
|
import { RangeSlider } from './RangeSlider.js';
|
|
7
7
|
import { TextControl } from './TextControl.js';
|
|
8
8
|
import { Wrap } from './Wrap.js';
|
|
9
|
+
void React;
|
|
9
10
|
import { ColumnSpacing as ColumnSpacingIcon, Desktop as DesktopIcon, Grid as GridIcon, Percentage as PercentageIcon, Slider as SliderIcon, Tailwind as TailwindUnitIcon, } from '@blockbite/icons';
|
|
10
11
|
export const MetricsControl = ({ defaultUnit, defaultValue, onValueChange, onUnitChange, inputClassName = 'w-[75px]', }) => {
|
|
11
12
|
const [isVisible, setIsVisible] = useState(false);
|
|
@@ -44,50 +45,53 @@ export const MetricsControl = ({ defaultUnit, defaultValue, onValueChange, onUni
|
|
|
44
45
|
};
|
|
45
46
|
const unitOptions = [
|
|
46
47
|
{
|
|
47
|
-
icon:
|
|
48
|
+
icon: React.createElement(TailwindUnitIcon, null),
|
|
48
49
|
label: 'Tailwind CSS Units',
|
|
49
50
|
value: 'native',
|
|
50
51
|
},
|
|
51
|
-
{ icon:
|
|
52
|
-
{ icon:
|
|
53
|
-
{ icon:
|
|
54
|
-
{ icon:
|
|
55
|
-
{ icon:
|
|
52
|
+
{ icon: React.createElement(PercentageIcon, null), label: 'Percentage Units', value: 'percent' },
|
|
53
|
+
{ icon: React.createElement(GridIcon, null), label: 'Grid Units', value: 'grid' },
|
|
54
|
+
{ icon: React.createElement(DesktopIcon, null), label: 'Screen Units', value: 'screen' },
|
|
55
|
+
{ icon: React.createElement(SliderIcon, null), label: 'Pixel Units', value: 'arbitrary' },
|
|
56
|
+
{ icon: React.createElement(ColumnSpacingIcon, null), label: 'Fluid Units', value: 'fluid' },
|
|
56
57
|
];
|
|
57
|
-
return (
|
|
58
|
+
return (React.createElement(Wrap, { className: "relative flex flex-col items-baseline" },
|
|
59
|
+
React.createElement(TextControl, { inputClassName: inputClassName, defaultValue:
|
|
58
60
|
// Remove the "b_" prefix for grid units
|
|
59
61
|
unit === 'grid' ? value.replace('b_', '') : value, onClick: () => unit !== 'arbitrary' && showOptions(unit), onChange: (newValue) => {
|
|
60
62
|
setValue(newValue);
|
|
61
63
|
onValueChange(newValue);
|
|
62
|
-
}, readOnly: unit !== 'arbitrary'
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
64
|
+
}, readOnly: unit !== 'arbitrary' },
|
|
65
|
+
React.createElement(Popover, { visible: isVisible, position: "bottom left", className: "w-[300px] bg-white shadow-sm", onVisibleChange: setIsVisible }, unit === 'arbitrary' ? (React.createElement(RangeSlider, { defaultValue: value, label: "Pixel Value", min: 0, max: 100, gridMode: true, showTooltip: false, allowReset: true, resetFallbackValue: isNaN(resetValue.toString())
|
|
66
|
+
? 0
|
|
67
|
+
: Number(resetValue) / 16, onValueChange: (newValue) => {
|
|
68
|
+
setValue(newValue);
|
|
69
|
+
onValueChange(newValue);
|
|
70
|
+
} })) : (React.createElement(ButtonToggleGroup, { className: "mt-4", options: currentOptions.map((option) => ({
|
|
71
|
+
value: option,
|
|
72
|
+
label: unit === 'grid'
|
|
73
|
+
? option.toString().replace('b_', '')
|
|
74
|
+
: option,
|
|
75
|
+
onClick: () => {
|
|
76
|
+
setValue(option);
|
|
77
|
+
onValueChange(option);
|
|
78
|
+
},
|
|
79
|
+
})), size: "small", defaultPressed: (value === null || value === void 0 ? void 0 : value.toString()) || '', onPressedChange: (newValue) => {
|
|
80
|
+
setValue(newValue);
|
|
81
|
+
onValueChange(newValue);
|
|
82
|
+
} }))),
|
|
83
|
+
React.createElement(DropdownPicker, { className: "h-[32px]", defaultValue: unit, options: unitOptions, onPressedChange: (selectedUnit) => {
|
|
84
|
+
if (selectedUnit === 'reset') {
|
|
85
|
+
setValue('');
|
|
86
|
+
onValueChange('');
|
|
87
|
+
setIsVisible(false);
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
setUnit(selectedUnit);
|
|
91
|
+
onUnitChange(selectedUnit);
|
|
92
|
+
showOptions(selectedUnit);
|
|
93
|
+
}
|
|
94
|
+
} }))));
|
|
91
95
|
};
|
|
92
96
|
export default MetricsControl;
|
|
93
97
|
//# sourceMappingURL=MetricsControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricsControl.js","sourceRoot":"","sources":["../src/MetricsControl.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MetricsControl.js","sourceRoot":"","sources":["../src/MetricsControl.tsx"],"names":[],"mappings":"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"}
|
package/dist/Modal.d.ts
CHANGED
package/dist/Modal.js
CHANGED
|
@@ -9,8 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
13
12
|
import { Children, createContext, isValidElement, useContext, useEffect, useState, } from '@wordpress/element';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
void React;
|
|
14
15
|
import { Modal as WordpressModal } from '@wordpress/components';
|
|
15
16
|
import classNames from 'classnames';
|
|
16
17
|
const ModalContext = createContext(null);
|
|
@@ -32,45 +33,51 @@ export const Modal = ({ children, defaultOpen, onOpenChange, title, className, }
|
|
|
32
33
|
useEffect(() => {
|
|
33
34
|
onOpenChange(isOpen);
|
|
34
35
|
}, [isOpen, onOpenChange]);
|
|
35
|
-
return (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
36
|
+
return (React.createElement(ModalContext.Provider, { value: { closeModal, openModal } },
|
|
37
|
+
Children.map(children, (child) => {
|
|
38
|
+
return isValidElement(child) && child.type === ModalTrigger
|
|
39
|
+
? child
|
|
40
|
+
: null;
|
|
41
|
+
}),
|
|
42
|
+
isOpen && (React.createElement(WordpressModal, { className: classNames('blockbite-ui__modal bb_', className), onRequestClose: closeModal, title: title },
|
|
43
|
+
React.createElement("div", { className: "relative" },
|
|
44
|
+
Children.map(children, (child) => {
|
|
45
|
+
return isValidElement(child) && child.type === ModalHeader
|
|
46
|
+
? child
|
|
47
|
+
: null;
|
|
48
|
+
}),
|
|
49
|
+
Children.map(children, (child) => {
|
|
50
|
+
return isValidElement(child) && child.type === ModalContent
|
|
51
|
+
? child
|
|
52
|
+
: null;
|
|
53
|
+
}),
|
|
54
|
+
Children.map(children, (child) => {
|
|
55
|
+
return isValidElement(child) && child.type === ModalFooter
|
|
56
|
+
? child
|
|
57
|
+
: null;
|
|
58
|
+
}))))));
|
|
52
59
|
};
|
|
53
60
|
// Header component for modal
|
|
54
61
|
export const ModalHeader = (_a) => {
|
|
55
62
|
var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
56
|
-
return (
|
|
63
|
+
return (React.createElement("div", Object.assign({ className: classNames('flex flex-col space-y-1.5 text-center sm:text-left', className) }, props), children));
|
|
57
64
|
};
|
|
58
65
|
// Footer component for modal
|
|
59
66
|
export const ModalFooter = (_a) => {
|
|
60
67
|
var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
61
|
-
return (
|
|
68
|
+
return (React.createElement("div", Object.assign({ className: classNames('border-gray-light fixed bottom-0 left-0 right-0 flex h-[4rem] flex-row items-center justify-end space-x-2 border-t bg-white px-4', className) }, props), children));
|
|
62
69
|
};
|
|
63
70
|
// Description component for modal
|
|
64
71
|
export const ModalContent = (_a) => {
|
|
65
72
|
var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
|
|
66
|
-
return (
|
|
73
|
+
return (React.createElement("div", Object.assign({ className: classNames('text-gray-medium px-4 pb-4 text-sm', className) }, props), children));
|
|
67
74
|
};
|
|
68
75
|
export const ModalClose = ({ children }) => {
|
|
69
76
|
const { closeModal } = useModalContext();
|
|
70
|
-
return (
|
|
77
|
+
return (React.createElement("div", { onClick: closeModal, className: "cursor-pointer" }, children));
|
|
71
78
|
};
|
|
72
79
|
export const ModalTrigger = ({ children }) => {
|
|
73
80
|
const { openModal } = useModalContext();
|
|
74
|
-
return (
|
|
81
|
+
return (React.createElement("div", { onClick: openModal, className: "cursor-pointer" }, children));
|
|
75
82
|
};
|
|
76
83
|
//# sourceMappingURL=Modal.js.map
|
package/dist/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
type Props = {
|
|
2
3
|
windowInstance: Window;
|
|
3
4
|
onClose: () => void;
|
|
4
5
|
children: React.ReactNode;
|
|
5
6
|
};
|
|
6
|
-
export declare const NewWindowPortal: ({ windowInstance, onClose, children, }: Props) =>
|
|
7
|
+
export declare const NewWindowPortal: ({ windowInstance, onClose, children, }: Props) => React.ReactPortal;
|
|
7
8
|
export {};
|
package/dist/NewWindowPortal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewWindowPortal.js","sourceRoot":"","sources":["../src/NewWindowPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"NewWindowPortal.js","sourceRoot":"","sources":["../src/NewWindowPortal.tsx"],"names":[],"mappings":"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"}
|
package/dist/Notice.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
type NoticeProps = {
|
|
2
3
|
children: React.ReactNode;
|
|
3
4
|
className?: string;
|
|
4
5
|
status?: 'success' | 'error' | 'warning' | 'info';
|
|
5
6
|
};
|
|
6
|
-
export declare const Notice: ({ children, status, className, }: NoticeProps) =>
|
|
7
|
+
export declare const Notice: ({ children, status, className, }: NoticeProps) => React.JSX.Element;
|
|
7
8
|
export {};
|
package/dist/Notice.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
import { Notice as WordpressNotice } from '@wordpress/components';
|
|
3
2
|
import { useState } from '@wordpress/element';
|
|
4
3
|
import classNames from 'classnames';
|
|
4
|
+
import React from 'react';
|
|
5
5
|
import { Wrap } from './Wrap.js';
|
|
6
|
+
void React;
|
|
6
7
|
export const Notice = ({ children, status = 'success', className, }) => {
|
|
7
8
|
const [showNotice, setShowNotice] = useState(true);
|
|
8
|
-
return (
|
|
9
|
+
return (React.createElement(Wrap, { onClick: () => setShowNotice(false) }, showNotice && (React.createElement(WordpressNotice, { status: status, className: classNames(className), onRemove: () => setShowNotice(false) }, children))));
|
|
9
10
|
};
|
|
10
11
|
//# sourceMappingURL=Notice.js.map
|
package/dist/Notice.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notice.js","sourceRoot":"","sources":["../src/Notice.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Notice.js","sourceRoot":"","sources":["../src/Notice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAQX,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACL,oBAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IACtC,UAAU,IAAI,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAEnC,QAAQ,CACO,CACnB,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/PasswordInput.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
type PasswordInputProps = {
|
|
2
3
|
label: string;
|
|
3
4
|
value: string;
|
|
4
5
|
onChange: (value: string) => void;
|
|
5
6
|
[key: string]: any;
|
|
6
7
|
};
|
|
7
|
-
export declare const PasswordInput: ({ label, value, onChange, ...rest }: PasswordInputProps) =>
|
|
8
|
+
export declare const PasswordInput: ({ label, value, onChange, ...rest }: PasswordInputProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
package/dist/PasswordInput.js
CHANGED
|
@@ -9,15 +9,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
12
|
import { Button, __experimentalInputControl as InputControl, __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper, } from '@wordpress/components';
|
|
14
13
|
import { useState } from '@wordpress/element';
|
|
15
14
|
import { Path, SVG } from '@wordpress/primitives';
|
|
15
|
+
import React from 'react';
|
|
16
|
+
void React;
|
|
16
17
|
export const PasswordInput = (_a) => {
|
|
17
18
|
var { label, value, onChange } = _a, rest = __rest(_a, ["label", "value", "onChange"]);
|
|
18
19
|
const [showPassword, setShowPassword] = useState(false);
|
|
19
|
-
return (
|
|
20
|
+
return (React.createElement(InputControl, Object.assign({ label: label, value: value, type: showPassword ? 'text' : 'password', suffix: React.createElement(InputControlSuffixWrapper, { variant: "control" },
|
|
21
|
+
React.createElement(Button, { icon: React.createElement(SVG, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
22
|
+
React.createElement(Path, { d: showPassword
|
|
20
23
|
? 'M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z'
|
|
21
|
-
: 'M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z' })
|
|
24
|
+
: 'M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z' })), label: "Show password", onClick: () => setShowPassword((prev) => !prev), size: "small" })), onChange: onChange }, rest)));
|
|
22
25
|
};
|
|
23
26
|
//# sourceMappingURL=PasswordInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,MAAM,EACN,0BAA0B,IAAI,YAAY,EAC1C,uCAAuC,IAAI,yBAAyB,GACrE,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AASX,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,OAEW,EADhB,IAAI,cAJqB,8BAK7B,CADQ;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,oBAAC,YAAY,kBACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,MAAM,EACJ,oBAAC,yBAAyB,IAAC,OAAO,EAAC,SAAS;YAC1C,oBAAC,MAAM,IACL,IAAI,EACF,oBAAC,GAAG,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBACzD,oBAAC,IAAI,IACH,CAAC,EACC,YAAY;4BACV,CAAC,CAAC,o6CAAo6C;4BACt6C,CAAC,CAAC,0dAA0d,GAEhe,CACE,EAER,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC/C,IAAI,EAAC,OAAO,GACZ,CACwB,EAE9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Popover.d.ts
CHANGED
package/dist/Popover.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
1
|
import { Cross2 } from '@blockbite/icons';
|
|
3
2
|
import { Button, Popover as WordpressPopover } from '@wordpress/components';
|
|
4
3
|
import { useEffect, useState } from '@wordpress/element';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
void React;
|
|
5
6
|
export const Popover = ({ children, className, position, visible, onClick, onVisibleChange, }) => {
|
|
6
7
|
const [isVisible, setIsVisible] = useState(!!visible);
|
|
7
8
|
useEffect(() => {
|
|
@@ -14,10 +15,15 @@ export const Popover = ({ children, className, position, visible, onClick, onVis
|
|
|
14
15
|
setIsVisible(newValue);
|
|
15
16
|
onVisibleChange && onVisibleChange(newValue);
|
|
16
17
|
};
|
|
17
|
-
return (
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
return (React.createElement(React.Fragment, null, isVisible && (React.createElement(WordpressPopover, { position: position, className: "blockbite-ui__popover bb_", onClick: onClick, onFocusOutside: () => {
|
|
19
|
+
setIsVisible(false);
|
|
20
|
+
onVisibleChange && onVisibleChange(false);
|
|
21
|
+
} },
|
|
22
|
+
React.createElement("div", { className: className },
|
|
23
|
+
React.createElement("div", { className: "relative h-full w-full p-4" },
|
|
24
|
+
React.createElement(Button, { onClick: toggleVisible, size: "small", className: "close-button absolute right-0 top-0" },
|
|
25
|
+
React.createElement(Cross2, null)),
|
|
26
|
+
children))))));
|
|
21
27
|
};
|
|
22
28
|
export default Popover;
|
|
23
29
|
//# sourceMappingURL=Popover.js.map
|
package/dist/Popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAaX,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC;QAC5B,YAAY,CAAC,QAAQ,CAAC,CAAC;QACvB,eAAe,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACL,0CACG,SAAS,IAAI,CACZ,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;QAED,6BAAK,SAAS,EAAE,SAAS;YACvB,6BAAK,SAAS,EAAC,4BAA4B;gBACzC,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,qCAAqC;oBAE/C,oBAAC,MAAM,OAAG,CACH;gBACR,QAAQ,CACL,CACF,CACW,CACpB,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
package/dist/RangeSlider.d.ts
CHANGED