@blockbite/ui 2.0.9 → 2.0.11

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.
Files changed (123) hide show
  1. package/dist/AutocompleteDropdown.d.ts +2 -1
  2. package/dist/Badge.d.ts +2 -1
  3. package/dist/BitePreview.d.ts +2 -1
  4. package/dist/Button.d.ts +2 -1
  5. package/dist/ButtonToggle.d.ts +1 -0
  6. package/dist/Chapter.d.ts +2 -1
  7. package/dist/ChapterDivider.d.ts +2 -1
  8. package/dist/Checkbox.d.ts +2 -1
  9. package/dist/DisappearingMessage.d.ts +2 -1
  10. package/dist/DropdownPicker.d.ts +2 -1
  11. package/dist/EmptyState.d.ts +2 -1
  12. package/dist/FloatingPanel.d.ts +2 -1
  13. package/dist/FocalPointControl.d.ts +1 -0
  14. package/dist/Icon.d.ts +2 -1
  15. package/dist/LinkPicker.d.ts +2 -1
  16. package/dist/MediaPicker.d.ts +2 -1
  17. package/dist/MetricsControl.d.ts +1 -0
  18. package/dist/Modal.d.ts +1 -0
  19. package/dist/NewWindowPortal.d.ts +2 -1
  20. package/dist/Notice.d.ts +2 -1
  21. package/dist/PasswordInput.d.ts +2 -1
  22. package/dist/Popover.d.ts +1 -0
  23. package/dist/ProjectsNavigation.d.ts +14 -0
  24. package/dist/RangeSlider.d.ts +1 -0
  25. package/dist/ResponsiveImage.d.ts +2 -1
  26. package/dist/ResponsiveVideo.d.ts +2 -1
  27. package/dist/ScrollList.d.ts +1 -0
  28. package/dist/SectionList.d.ts +2 -1
  29. package/dist/SelectControlWrapper.d.ts +2 -1
  30. package/dist/SingleBlockTypeAppender.d.ts +2 -1
  31. package/dist/SlideIn.d.ts +2 -1
  32. package/dist/Spinner.d.ts +2 -1
  33. package/dist/Tabs.d.ts +7 -6
  34. package/dist/Tag.d.ts +2 -1
  35. package/dist/TextControl.d.ts +2 -1
  36. package/dist/TextControlLabel.d.ts +2 -1
  37. package/dist/ToggleGroup.d.ts +1 -0
  38. package/dist/ToggleSwitch.d.ts +2 -1
  39. package/dist/Wrap.d.ts +2 -1
  40. package/dist/index.d.ts +1 -0
  41. package/dist/index.js +3577 -49
  42. package/dist/index.js.map +1 -1
  43. package/dist/ui.css +1 -66
  44. package/dist/vite.svg +1 -0
  45. package/package.json +14 -11
  46. package/dist/AutocompleteDropdown.js +0 -24
  47. package/dist/AutocompleteDropdown.js.map +0 -1
  48. package/dist/Badge.js +0 -6
  49. package/dist/Badge.js.map +0 -1
  50. package/dist/BitePreview.js +0 -52
  51. package/dist/BitePreview.js.map +0 -1
  52. package/dist/Button.js +0 -9
  53. package/dist/Button.js.map +0 -1
  54. package/dist/ButtonToggle.js +0 -44
  55. package/dist/ButtonToggle.js.map +0 -1
  56. package/dist/Chapter.js +0 -7
  57. package/dist/Chapter.js.map +0 -1
  58. package/dist/ChapterDivider.js +0 -6
  59. package/dist/ChapterDivider.js.map +0 -1
  60. package/dist/Checkbox.js +0 -12
  61. package/dist/Checkbox.js.map +0 -1
  62. package/dist/DisappearingMessage.js +0 -28
  63. package/dist/DisappearingMessage.js.map +0 -1
  64. package/dist/DropdownPicker.js +0 -36
  65. package/dist/DropdownPicker.js.map +0 -1
  66. package/dist/EmptyState.js +0 -17
  67. package/dist/EmptyState.js.map +0 -1
  68. package/dist/FloatingPanel.js +0 -32
  69. package/dist/FloatingPanel.js.map +0 -1
  70. package/dist/FocalPointControl.js +0 -31
  71. package/dist/FocalPointControl.js.map +0 -1
  72. package/dist/Icon.js +0 -8
  73. package/dist/Icon.js.map +0 -1
  74. package/dist/LinkPicker.js +0 -50
  75. package/dist/LinkPicker.js.map +0 -1
  76. package/dist/MediaPicker.js +0 -96
  77. package/dist/MediaPicker.js.map +0 -1
  78. package/dist/MetricsControl.js +0 -93
  79. package/dist/MetricsControl.js.map +0 -1
  80. package/dist/Modal.js +0 -76
  81. package/dist/Modal.js.map +0 -1
  82. package/dist/NewWindowPortal.js +0 -54
  83. package/dist/NewWindowPortal.js.map +0 -1
  84. package/dist/Notice.js +0 -10
  85. package/dist/Notice.js.map +0 -1
  86. package/dist/PasswordInput.js +0 -23
  87. package/dist/PasswordInput.js.map +0 -1
  88. package/dist/Popover.js +0 -23
  89. package/dist/Popover.js.map +0 -1
  90. package/dist/RangeSlider.js +0 -38
  91. package/dist/RangeSlider.js.map +0 -1
  92. package/dist/ResponsiveImage.js +0 -14
  93. package/dist/ResponsiveImage.js.map +0 -1
  94. package/dist/ResponsiveVideo.js +0 -8
  95. package/dist/ResponsiveVideo.js.map +0 -1
  96. package/dist/ScrollList.js +0 -9
  97. package/dist/ScrollList.js.map +0 -1
  98. package/dist/SectionList.js +0 -61
  99. package/dist/SectionList.js.map +0 -1
  100. package/dist/SelectControlWrapper.js +0 -18
  101. package/dist/SelectControlWrapper.js.map +0 -1
  102. package/dist/SingleBlockTypeAppender.js +0 -18
  103. package/dist/SingleBlockTypeAppender.js.map +0 -1
  104. package/dist/SlideIn.js +0 -17
  105. package/dist/SlideIn.js.map +0 -1
  106. package/dist/Spinner.js +0 -17
  107. package/dist/Spinner.js.map +0 -1
  108. package/dist/Tabs.js +0 -54
  109. package/dist/Tabs.js.map +0 -1
  110. package/dist/Tag.js +0 -6
  111. package/dist/Tag.js.map +0 -1
  112. package/dist/TextControl.js +0 -17
  113. package/dist/TextControl.js.map +0 -1
  114. package/dist/TextControlLabel.js +0 -8
  115. package/dist/TextControlLabel.js.map +0 -1
  116. package/dist/ToggleGroup.js +0 -16
  117. package/dist/ToggleGroup.js.map +0 -1
  118. package/dist/ToggleSwitch.js +0 -17
  119. package/dist/ToggleSwitch.js.map +0 -1
  120. package/dist/Wrap.js +0 -8
  121. package/dist/Wrap.js.map +0 -1
  122. package/dist/types.js +0 -2
  123. package/dist/types.js.map +0 -1
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import apiFetch from '@wordpress/api-fetch';
3
- import { TextControl } from '@wordpress/components';
4
- import { useEffect, useState } from '@wordpress/element';
5
- import { __ } from '@wordpress/i18n';
6
- import { Wrap } from './Wrap.js';
7
- export function LinkPicker(props) {
8
- const [activeKeyword, setActiveKeyword] = useState('');
9
- const [links, setLinks] = useState([]);
10
- const [activeLink, setActiveLink] = useState({
11
- url: '',
12
- title: '',
13
- });
14
- useEffect(() => {
15
- if (activeKeyword === '')
16
- return;
17
- setLinks(null);
18
- apiFetch({
19
- path: `/blockbite/v1/block-helpers/get-links/${activeKeyword}`,
20
- }).then((fetchedLinks) => {
21
- if (fetchedLinks === null || fetchedLinks === void 0 ? void 0 : fetchedLinks.length) {
22
- setLinks([...fetchedLinks]);
23
- }
24
- else {
25
- setLinks([]);
26
- }
27
- });
28
- }, [activeKeyword]);
29
- useEffect(() => {
30
- if (activeLink.url !== '') {
31
- props.parentCallback(activeLink);
32
- }
33
- // eslint-disable-next-line react-hooks/exhaustive-deps
34
- }, [activeLink]);
35
- return (_jsxs(Wrap, { className: "blockbite--editor-linkwrap", children: [_jsx(TextControl, { label: __('Search link', 'blockbitelinks'), value: activeKeyword, placeholder: "Example: About", onChange: (value) => setActiveKeyword(value), help: __('Type a post, page, title', 'blockbitelinks') }), activeKeyword ? (_jsx("div", { className: "blockbite--editor-linklist", children: _jsx(LinkList, { links: links, onActiveLink: (link) => [
36
- setActiveLink(Object.assign({}, link)),
37
- setActiveKeyword(''),
38
- ] }) })) : null] }));
39
- }
40
- function LinkList({ links, onActiveLink }) {
41
- if (links === null) {
42
- return _jsx("p", { children: "Loading..." });
43
- }
44
- else if (links.length === 0) {
45
- return _jsx("p", { children: "No Results" });
46
- }
47
- const list = links.map((link) => (_jsx(Wrap, { children: _jsxs("span", { className: "blockbite--editor-link", onClick: () => onActiveLink(link), children: [_jsx("span", { children: link.title }), _jsx("span", { className: "blockbite--preview-link", children: link.url }), _jsx("span", { className: "blockbite--preview-link", children: link.post_type })] }) }, link.id)));
48
- return _jsx(_Fragment, { children: list }); // ✅ Wrapped
49
- }
50
- //# sourceMappingURL=LinkPicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LinkPicker.js","sourceRoot":"","sources":["../src/LinkPicker.tsx"],"names":[],"mappings":"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"}
@@ -1,96 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
3
- import { Button, PanelRow } from '@wordpress/components';
4
- import { useEffect, useState } from '@wordpress/element';
5
- import { __ } from '@wordpress/i18n';
6
- export function MediaPicker({ mediaProps, mediaCallback }) {
7
- const allowedTypes = [
8
- 'image',
9
- 'video',
10
- 'image/svg+xml',
11
- 'svg',
12
- 'text/plain',
13
- 'application/json',
14
- ];
15
- // toggles
16
- const [stateMedia, setStateMedia] = useState({
17
- id: null,
18
- url: '',
19
- sizes: [],
20
- alt: '',
21
- type: '',
22
- width: 0,
23
- height: 0,
24
- });
25
- useEffect(() => {
26
- if (mediaProps) {
27
- setStateMedia(Object.assign({}, mediaProps));
28
- }
29
- }, [mediaProps]);
30
- // image handlers
31
- const removeMedia = () => {
32
- const mediaObj = {
33
- mediaId: 0,
34
- mediaUrl: '',
35
- };
36
- mediaCallback(Object.assign({}, mediaObj));
37
- };
38
- // onselect media
39
- const onSelectMedia = (media) => {
40
- const safeSizes = {
41
- thumbnail: null,
42
- medium: null,
43
- large: null,
44
- };
45
- // Normalize Sizes
46
- if (media === null || media === void 0 ? void 0 : media.sizes) {
47
- Object.keys(media.sizes).map((key) => {
48
- const sizeObject = media.sizes[key];
49
- if (key === 'thumbnail') {
50
- safeSizes.thumbnail = sizeObject.url;
51
- }
52
- else if (sizeObject.width < 768 || sizeObject.height < 768) {
53
- safeSizes.thumbnail = sizeObject.url;
54
- }
55
- if (key === 'medium') {
56
- safeSizes.medium = sizeObject.url;
57
- }
58
- else if ((sizeObject.width > 1024 && sizeObject.width < 1024) ||
59
- (sizeObject.height < 1536 && sizeObject.height > 1536)) {
60
- safeSizes.medium = sizeObject.url;
61
- }
62
- if (key === 'large') {
63
- safeSizes.large = sizeObject.url;
64
- }
65
- else if (sizeObject.width > 1536 || sizeObject.height > 1536) {
66
- safeSizes.large = sizeObject.url;
67
- }
68
- return null;
69
- });
70
- }
71
- // if type ends .lottie then it is a lottie file
72
- if (media.url.endsWith('.json')) {
73
- media.type = 'lottie';
74
- }
75
- // if type ends with .svg then it is an svg file
76
- if (media.url.endsWith('.svg')) {
77
- media.type = 'svg';
78
- }
79
- const mediaObj = {
80
- id: media.id,
81
- url: media.url,
82
- sizes: safeSizes,
83
- alt: media.alt,
84
- type: media.type,
85
- width: media.width,
86
- height: media.height,
87
- };
88
- mediaCallback(Object.assign({}, mediaObj));
89
- };
90
- return (_jsxs(PanelRow, { children: [stateMedia.id !== null && (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { onSelect: onSelectMedia, value: stateMedia.id, allowedTypes: allowedTypes, render: ({ open }) => (_jsxs(Button, { className: stateMedia.id === 0
91
- ? 'editor-post-featured-image__toggle'
92
- : 'editor-post-featured-image__preview', onClick: open, children: [stateMedia.id === 0 && __('Choose Media', 'blockbite'), stateMedia.id && stateMedia.type === 'image' ? (_jsx("div", { className: "blockbite--editor-visual-image", children: _jsx("img", { alt: stateMedia.alt
93
- ? stateMedia.alt
94
- : __('Image', 'blockbite'), src: stateMedia.url }) })) : ('Add media')] })) }) })), stateMedia.id !== 0 && (_jsx(MediaUploadCheck, { children: _jsx(MediaUpload, { title: __('Replace media', 'blockbite'), value: stateMedia.id, onSelect: onSelectMedia, allowedTypes: allowedTypes, render: ({ open }) => (_jsx(Button, { onClick: open, children: __('Replace media', 'blockbite') })) }) })), stateMedia.id !== 0 && (_jsx(MediaUploadCheck, { children: _jsx(Button, { onClick: () => removeMedia(), isDestructive: true, children: __('Remove media', 'blockbite') }) }))] }));
95
- }
96
- //# sourceMappingURL=MediaPicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MediaPicker.js","sourceRoot":"","sources":["../src/MediaPicker.tsx"],"names":[],"mappings":"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"}
@@ -1,93 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useState } from '@wordpress/element';
3
- import { ButtonToggleGroup } from './ButtonToggle.js';
4
- import { DropdownPicker } from './DropdownPicker.js';
5
- import { Popover } from './Popover.js';
6
- import { RangeSlider } from './RangeSlider.js';
7
- import { TextControl } from './TextControl.js';
8
- import { Wrap } from './Wrap.js';
9
- import { ColumnSpacing as ColumnSpacingIcon, Desktop as DesktopIcon, Grid as GridIcon, Percentage as PercentageIcon, Slider as SliderIcon, Tailwind as TailwindUnitIcon, } from '@blockbite/icons';
10
- export const MetricsControl = ({ defaultUnit, defaultValue, onValueChange, onUnitChange, inputClassName = 'w-[75px]', }) => {
11
- const [isVisible, setIsVisible] = useState(false);
12
- const [currentOptions, setCurrentOptions] = useState([]);
13
- // Use local state for defaultUnit and defaultValue
14
- const [unit, setUnit] = useState(defaultUnit);
15
- const [value, setValue] = useState('');
16
- const [resetValue, setResetValue] = useState(defaultValue);
17
- // Set initial state from props
18
- useEffect(() => {
19
- if (defaultUnit) {
20
- setUnit(defaultUnit);
21
- }
22
- if (defaultValue) {
23
- setValue(defaultValue.toString());
24
- }
25
- }, [defaultUnit, defaultValue]);
26
- // Save last value after popover close to support "reset" functionality
27
- // Only apply to arbitrary units
28
- useEffect(() => {
29
- if (!isVisible && unit === 'arbitrary') {
30
- setResetValue(value);
31
- }
32
- // eslint-disable-next-line react-hooks/exhaustive-deps
33
- }, [isVisible]);
34
- const showOptions = (u) => {
35
- var _a, _b, _c;
36
- if (u !== 'arbitrary' && ((_c = (_b = (_a = bb === null || bb === void 0 ? void 0 : bb.codex) === null || _a === void 0 ? void 0 : _a.units) === null || _b === void 0 ? void 0 : _b.spacing) === null || _c === void 0 ? void 0 : _c[u])) {
37
- const options = bb.codex.units.spacing[u];
38
- setCurrentOptions(Array.isArray(options) ? options : Object.keys(options));
39
- }
40
- else {
41
- setCurrentOptions([]);
42
- }
43
- setIsVisible(true);
44
- };
45
- const unitOptions = [
46
- {
47
- icon: _jsx(TailwindUnitIcon, {}),
48
- label: 'Tailwind CSS Units',
49
- value: 'native',
50
- },
51
- { icon: _jsx(PercentageIcon, {}), label: 'Percentage Units', value: 'percent' },
52
- { icon: _jsx(GridIcon, {}), label: 'Grid Units', value: 'grid' },
53
- { icon: _jsx(DesktopIcon, {}), label: 'Screen Units', value: 'screen' },
54
- { icon: _jsx(SliderIcon, {}), label: 'Pixel Units', value: 'arbitrary' },
55
- { icon: _jsx(ColumnSpacingIcon, {}), label: 'Fluid Units', value: 'fluid' },
56
- ];
57
- return (_jsx(Wrap, { className: "relative flex flex-col items-baseline", children: _jsxs(TextControl, { inputClassName: inputClassName, defaultValue:
58
- // Remove the "b_" prefix for grid units
59
- unit === 'grid' ? value.replace('b_', '') : value, onClick: () => unit !== 'arbitrary' && showOptions(unit), onChange: (newValue) => {
60
- setValue(newValue);
61
- onValueChange(newValue);
62
- }, readOnly: unit !== 'arbitrary', children: [_jsx(Popover, { visible: isVisible, position: "bottom left", className: "w-[300px] bg-white shadow-sm", onVisibleChange: setIsVisible, children: unit === 'arbitrary' ? (_jsx(RangeSlider, { defaultValue: value, label: "Pixel Value", min: 0, max: 100, gridMode: true, showTooltip: false, allowReset: true, resetFallbackValue: isNaN(resetValue.toString())
63
- ? 0
64
- : Number(resetValue) / 16, onValueChange: (newValue) => {
65
- setValue(newValue);
66
- onValueChange(newValue);
67
- } })) : (_jsx(ButtonToggleGroup, { className: "mt-4", options: currentOptions.map((option) => ({
68
- value: option,
69
- label: unit === 'grid'
70
- ? option.toString().replace('b_', '')
71
- : option,
72
- onClick: () => {
73
- setValue(option);
74
- onValueChange(option);
75
- },
76
- })), size: "small", defaultPressed: (value === null || value === void 0 ? void 0 : value.toString()) || '', onPressedChange: (newValue) => {
77
- setValue(newValue);
78
- onValueChange(newValue);
79
- } })) }), _jsx(DropdownPicker, { className: "h-[32px]", defaultValue: unit, options: unitOptions, onPressedChange: (selectedUnit) => {
80
- if (selectedUnit === 'reset') {
81
- setValue('');
82
- onValueChange('');
83
- setIsVisible(false);
84
- }
85
- else {
86
- setUnit(selectedUnit);
87
- onUnitChange(selectedUnit);
88
- showOptions(selectedUnit);
89
- }
90
- } })] }) }));
91
- };
92
- export default MetricsControl;
93
- //# sourceMappingURL=MetricsControl.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MetricsControl.js","sourceRoot":"","sources":["../src/MetricsControl.tsx"],"names":[],"mappings":"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"}
package/dist/Modal.js DELETED
@@ -1,76 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
13
- import { Children, createContext, isValidElement, useContext, useEffect, useState, } from '@wordpress/element';
14
- import { Modal as WordpressModal } from '@wordpress/components';
15
- import classNames from 'classnames';
16
- const ModalContext = createContext(null);
17
- export const useModalContext = () => {
18
- const context = useContext(ModalContext);
19
- if (!context) {
20
- throw new Error('useModalContext must be used within a ModalProvider');
21
- }
22
- return context;
23
- };
24
- export const Modal = ({ children, defaultOpen, onOpenChange, title, className, }) => {
25
- const [isOpen, setOpen] = useState(false);
26
- // Sync `isOpen` with `defaultOpen` when `defaultOpen` changes
27
- useEffect(() => {
28
- setOpen(defaultOpen);
29
- }, [defaultOpen]);
30
- const openModal = () => setOpen(true);
31
- const closeModal = () => setOpen(false);
32
- useEffect(() => {
33
- onOpenChange(isOpen);
34
- }, [isOpen, onOpenChange]);
35
- return (_jsxs(ModalContext.Provider, { value: { closeModal, openModal }, children: [Children.map(children, (child) => {
36
- return isValidElement(child) && child.type === ModalTrigger
37
- ? child
38
- : null;
39
- }), isOpen && (_jsx(WordpressModal, { className: classNames('blockbite-ui__modal bb_', className), onRequestClose: closeModal, title: title, children: _jsxs("div", { className: "relative", children: [Children.map(children, (child) => {
40
- return isValidElement(child) && child.type === ModalHeader
41
- ? child
42
- : null;
43
- }), Children.map(children, (child) => {
44
- return isValidElement(child) && child.type === ModalContent
45
- ? child
46
- : null;
47
- }), Children.map(children, (child) => {
48
- return isValidElement(child) && child.type === ModalFooter
49
- ? child
50
- : null;
51
- })] }) }))] }));
52
- };
53
- // Header component for modal
54
- export const ModalHeader = (_a) => {
55
- var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
56
- return (_jsx("div", Object.assign({ className: classNames('flex flex-col space-y-1.5 text-center sm:text-left', className) }, props, { children: children })));
57
- };
58
- // Footer component for modal
59
- export const ModalFooter = (_a) => {
60
- var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
61
- return (_jsx("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: children })));
62
- };
63
- // Description component for modal
64
- export const ModalContent = (_a) => {
65
- var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
66
- return (_jsx("div", Object.assign({ className: classNames('text-gray-medium px-4 pb-4 text-sm', className) }, props, { children: children })));
67
- };
68
- export const ModalClose = ({ children }) => {
69
- const { closeModal } = useModalContext();
70
- return (_jsx("div", { onClick: closeModal, className: "cursor-pointer", children: children }));
71
- };
72
- export const ModalTrigger = ({ children }) => {
73
- const { openModal } = useModalContext();
74
- return (_jsx("div", { onClick: openModal, className: "cursor-pointer", children: children }));
75
- };
76
- //# sourceMappingURL=Modal.js.map
package/dist/Modal.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,cAAc,EACd,UAAU,EACV,SAAS,EACT,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,YAAY,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAUF,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,KAAK,EACL,SAAS,GACV,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,8DAA8D;IAC9D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAEpD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChC,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY;oBACzD,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,IAAI,CAAC;YACX,CAAC,CAAC,EACD,MAAM,IAAI,CACT,KAAC,cAAc,IACb,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC3D,cAAc,EAAE,UAAU,EAC1B,KAAK,EAAE,KAAK,YAEZ,eAAK,SAAS,EAAC,UAAU,aAEtB,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChC,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW;gCACxD,CAAC,CAAC,KAAK;gCACP,CAAC,CAAC,IAAI,CAAC;wBACX,CAAC,CAAC,EAED,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChC,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY;gCACzD,CAAC,CAAC,KAAK;gCACP,CAAC,CAAC,IAAI,CAAC;wBACX,CAAC,CAAC,EAED,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChC,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW;gCACxD,CAAC,CAAC,KAAK;gCACP,CAAC,CAAC,IAAI,CAAC;wBACX,CAAC,CAAC,IACE,GACS,CAClB,IACqB,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,WAAW,GAGnB,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAY,EAAP,KAAK,cAApC,yBAAsC,CAAF;IAAO,OAAA,CAC/C,4BACE,SAAS,EAAE,UAAU,CACnB,oDAAoD,EACpD,SAAS,CACV,IACG,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,WAAW,GAGnB,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAY,EAAP,KAAK,cAApC,yBAAsC,CAAF;IAAO,OAAA,CAC/C,4BACE,SAAS,EAAE,UAAU,CACnB,kIAAkI,EAClI,SAAS,CACV,IACG,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,YAAY,GAGpB,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAAY,EAAP,KAAK,cAApC,yBAAsC,CAAF;IAAO,OAAA,CAC/C,4BACE,SAAS,EAAE,UAAU,CAAC,oCAAoC,EAAE,SAAS,CAAC,IAClE,KAAK,cAER,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAElB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,OAAO,CACL,cAAK,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,gBAAgB,YACjD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAEpB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,OAAO,CACL,cAAK,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,gBAAgB,YAChD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,54 +0,0 @@
1
- import { createPortal, useEffect, useMemo } from '@wordpress/element';
2
- function copyStyles(sourceDoc, targetDoc) {
3
- Array.from(sourceDoc.styleSheets).forEach((styleSheet) => {
4
- try {
5
- if (styleSheet.cssRules) {
6
- const newStyleEl = targetDoc.createElement('style');
7
- Array.from(styleSheet.cssRules).forEach((cssRule) => {
8
- newStyleEl.appendChild(targetDoc.createTextNode(cssRule.cssText));
9
- });
10
- targetDoc.head.appendChild(newStyleEl);
11
- }
12
- else if (styleSheet.href) {
13
- const newLinkEl = targetDoc.createElement('link');
14
- newLinkEl.rel = 'stylesheet';
15
- newLinkEl.href = styleSheet.href;
16
- targetDoc.head.appendChild(newLinkEl);
17
- }
18
- }
19
- catch (e) {
20
- if (styleSheet.href) {
21
- const newLinkEl = targetDoc.createElement('link');
22
- newLinkEl.rel = 'stylesheet';
23
- newLinkEl.href = styleSheet.href;
24
- targetDoc.head.appendChild(newLinkEl);
25
- }
26
- else {
27
- // eslint-disable-next-line no-console
28
- console.warn('Error copying styles:', e);
29
- }
30
- }
31
- });
32
- }
33
- export const NewWindowPortal = ({ windowInstance, onClose, children, }) => {
34
- const containerEl = useMemo(() => document.createElement('div'), []);
35
- useEffect(() => {
36
- const win = windowInstance;
37
- win.document.body.innerHTML = '';
38
- win.document.body.appendChild(containerEl);
39
- win.document.body.classList.add('bb_');
40
- copyStyles(document, win.document);
41
- win.document.title = document.title || 'Blockbite Editor';
42
- const handleBeforeUnload = () => {
43
- setTimeout(onClose, 100);
44
- };
45
- win.addEventListener('beforeunload', handleBeforeUnload);
46
- return () => {
47
- win.removeEventListener('beforeunload', handleBeforeUnload);
48
- };
49
- // eslint-disable-next-line react-hooks/exhaustive-deps
50
- }, [windowInstance]);
51
- // Typecasting: https://github.com/vercel/next.js/discussions/64753
52
- return createPortal(children, containerEl);
53
- };
54
- //# sourceMappingURL=NewWindowPortal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewWindowPortal.js","sourceRoot":"","sources":["../src/NewWindowPortal.tsx"],"names":[],"mappings":"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"}
package/dist/Notice.js DELETED
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Notice as WordpressNotice } from '@wordpress/components';
3
- import { useState } from '@wordpress/element';
4
- import classNames from 'classnames';
5
- import { Wrap } from './Wrap.js';
6
- export const Notice = ({ children, status = 'success', className, }) => {
7
- const [showNotice, setShowNotice] = useState(true);
8
- return (_jsx(Wrap, { onClick: () => setShowNotice(false), children: showNotice && (_jsx(WordpressNotice, { status: status, className: classNames(className), onRemove: () => setShowNotice(false), children: children })) }));
9
- };
10
- //# sourceMappingURL=Notice.js.map
@@ -1 +0,0 @@
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,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAQjC,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,KAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YACtC,UAAU,IAAI,CACb,KAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAEnC,QAAQ,GACO,CACnB,GACI,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -1,23 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { Button, __experimentalInputControl as InputControl, __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper, } from '@wordpress/components';
14
- import { useState } from '@wordpress/element';
15
- import { Path, SVG } from '@wordpress/primitives';
16
- export const PasswordInput = (_a) => {
17
- var { label, value, onChange } = _a, rest = __rest(_a, ["label", "value", "onChange"]);
18
- const [showPassword, setShowPassword] = useState(false);
19
- return (_jsx(InputControl, Object.assign({ label: label, value: value, type: showPassword ? 'text' : 'password', suffix: _jsx(InputControlSuffixWrapper, { variant: "control", children: _jsx(Button, { icon: _jsx(SVG, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx(Path, { d: showPassword
20
- ? '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' }) }), label: "Show password", onClick: () => setShowPassword((prev) => !prev), size: "small" }) }), onChange: onChange }, rest)));
22
- };
23
- //# sourceMappingURL=PasswordInput.js.map
@@ -1 +0,0 @@
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;AASlD,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,KAAC,YAAY,kBACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,MAAM,EACJ,KAAC,yBAAyB,IAAC,OAAO,EAAC,SAAS,YAC1C,KAAC,MAAM,IACL,IAAI,EACF,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,YACzD,KAAC,IAAI,IACH,CAAC,EACC,YAAY;4BACV,CAAC,CAAC,o6CAAo6C;4BACt6C,CAAC,CAAC,0dAA0d,GAEhe,GACE,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,GACwB,EAE9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC"}
package/dist/Popover.js DELETED
@@ -1,23 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Cross2 } from '@blockbite/icons';
3
- import { Button, Popover as WordpressPopover } from '@wordpress/components';
4
- import { useEffect, useState } from '@wordpress/element';
5
- export const Popover = ({ children, className, position, visible, onClick, onVisibleChange, }) => {
6
- const [isVisible, setIsVisible] = useState(!!visible);
7
- useEffect(() => {
8
- if (visible !== undefined) {
9
- setIsVisible(visible);
10
- }
11
- }, [visible]);
12
- const toggleVisible = () => {
13
- const newValue = !isVisible;
14
- setIsVisible(newValue);
15
- onVisibleChange && onVisibleChange(newValue);
16
- };
17
- return (_jsx(_Fragment, { children: isVisible && (_jsx(WordpressPopover, { position: position, className: "blockbite-ui__popover bb_", onClick: onClick, onFocusOutside: () => {
18
- setIsVisible(false);
19
- onVisibleChange && onVisibleChange(false);
20
- }, children: _jsx("div", { className: className, children: _jsxs("div", { className: "relative h-full w-full p-4", children: [_jsx(Button, { onClick: toggleVisible, size: "small", className: "close-button absolute right-0 top-0", children: _jsx(Cross2, {}) }), children] }) }) })) }));
21
- };
22
- export default Popover;
23
- //# sourceMappingURL=Popover.js.map
@@ -1 +0,0 @@
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;AAazD,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,4BACG,SAAS,IAAI,CACZ,KAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,GAAG,EAAE;gBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;YAC5C,CAAC,YAED,cAAK,SAAS,EAAE,SAAS,YACvB,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,qCAAqC,YAE/C,KAAC,MAAM,KAAG,GACH,EACR,QAAQ,IACL,GACF,GACW,CACpB,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1,38 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useEffect, useState } from '@wordpress/element';
14
- import { Wrap } from './Wrap.js';
15
- import { RangeControl as WordpressRangeControl } from '@wordpress/components';
16
- export const RangeSlider = (_a) => {
17
- var { defaultValue, label, min = 0, max = 2000, withInputField = false, onValueChange, gridMode = false, showTooltip = false } = _a, props = __rest(_a, ["defaultValue", "label", "min", "max", "withInputField", "onValueChange", "gridMode", "showTooltip"]);
18
- const [resetFallbackValue] = useState(0);
19
- const [rangeValue, setRangeValue] = useState(0);
20
- useEffect(() => {
21
- setRangeValue(Math.round(parseInt(defaultValue) / (gridMode ? 16 : 1)));
22
- // eslint-disable-next-line react-hooks/exhaustive-deps
23
- }, [defaultValue]);
24
- /**
25
- * Set the range slider values
26
- * @param modifier
27
- */
28
- // convert back to arbitrary unit
29
- function handleRangeUpdate(value) {
30
- const gridValue = value * (gridMode ? 16 : 1);
31
- onValueChange(gridValue.toString());
32
- }
33
- return (_jsxs(Wrap, { className: "flex min-w-[240px] flex-col", children: [_jsx(WordpressRangeControl, Object.assign({ label: label, value: rangeValue, min: min, max: max, showTooltip: showTooltip, withInputField: withInputField, onChange: (value) => {
34
- setRangeValue(value);
35
- handleRangeUpdate(value);
36
- }, resetFallbackValue: resetFallbackValue }, props)), _jsxs("span", { children: [gridMode ? `${rangeValue * 16}px` : null, " "] })] }));
37
- };
38
- //# sourceMappingURL=RangeSlider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../src/RangeSlider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAc9E,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAUvD,EAAE,EAAE;QAVmD,EACtD,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,IAAI,EACV,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,OAEpB,EADI,KAAK,cAT8C,qGAUvD,CADS;IAER,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB;;;OAGG;IAEH,iCAAiC;IACjC,SAAS,iBAAiB,CAAC,KAAa;QACtC,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,aAC3C,KAAC,qBAAqB,kBACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC,EACD,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT,EACF,2BAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,SAAS,IACnD,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- export function ResponsiveImage(props) {
3
- const { media, mediaClass } = props;
4
- const { url, alt, sizes } = media;
5
- if (sizes === undefined) {
6
- return _jsx("img", { src: url, alt: alt, className: `bf_media ${mediaClass}` });
7
- }
8
- const { thumbnail, medium, large } = sizes;
9
- const thumbnailImg = thumbnail || url;
10
- const mediumImg = medium || url;
11
- const largeImg = large || url;
12
- return (_jsxs("picture", { className: "bf_responsive-media", children: [thumbnailImg ? (_jsx("source", { media: "(max-width: 768px)", srcSet: thumbnailImg, className: `bf_media ${mediaClass}` })) : null, mediumImg ? (_jsx("source", { media: "(min-width: 1024px)", srcSet: mediumImg, className: `bf_media ${mediaClass}` })) : null, largeImg ? (_jsx("source", { media: "(min-width: 1536px)", srcSet: largeImg, className: `bf_media ${mediaClass}` })) : null, mediumImg ? (_jsx("img", { src: mediumImg, alt: alt, className: `bf_media ${mediaClass}` })) : null] }));
13
- }
14
- //# sourceMappingURL=ResponsiveImage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../src/ResponsiveImage.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,eAAe,CAAC,KAAK;IACnC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,UAAU,EAAE,GAAI,CAAC;IAC1E,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,YAAY,GAAG,SAAS,IAAI,GAAG,CAAC;IACtC,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,CAAC;IAChC,MAAM,QAAQ,GAAG,KAAK,IAAI,GAAG,CAAC;IAE9B,OAAO,CACL,mBAAS,SAAS,EAAC,qBAAqB,aACrC,YAAY,CAAC,CAAC,CAAC,CACd,iBACE,KAAK,EAAC,oBAAoB,EAC1B,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,YAAY,UAAU,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,YAAY,UAAU,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,YAAY,UAAU,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,UAAU,EAAE,GAAI,CACvE,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC"}
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export function ResponsiveVideo(props) {
3
- const { media, mediaClass } = props;
4
- const { url } = media;
5
- const videoUrl = url;
6
- return (_jsx("video", { className: `bf_responsive-media ${mediaClass}`, preload: "none", playsInline: true, controls: true, autoPlay: true, muted: true, loop: true, children: _jsx("source", { src: videoUrl, type: "video/mp4" }) }));
7
- }
8
- //# sourceMappingURL=ResponsiveVideo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ResponsiveVideo.js","sourceRoot":"","sources":["../src/ResponsiveVideo.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,eAAe,CAAC,KAAU;IACxC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,MAAM,QAAQ,GAAG,GAAG,CAAC;IAErB,OAAO,CACL,gBACE,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,OAAO,EAAC,MAAM,EACd,WAAW,QACX,QAAQ,QACR,QAAQ,QACR,KAAK,QACL,IAAI,kBAEJ,iBAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAG,GACpC,CACT,CAAC;AACJ,CAAC"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- import { Wrap } from './Wrap.js';
4
- export const ScrollList = ({ children, className = '', height = 'large', }) => (_jsx(Wrap, { className: classNames('scrollbar relative overflow-y-scroll', className, {
5
- 'h-[400px]': height === 'large',
6
- 'h-[300px]': height === 'medium',
7
- 'h-[200px]': height === 'small',
8
- }), children: children }));
9
- //# sourceMappingURL=ScrollList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScrollList.js","sourceRoot":"","sources":["../src/ScrollList.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAQjC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,OAAO,GACjB,EAAE,EAAE,CAAC,CACJ,KAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,sCAAsC,EAAE,SAAS,EAAE;QACvE,WAAW,EAAE,MAAM,KAAK,OAAO;QAC/B,WAAW,EAAE,MAAM,KAAK,QAAQ;QAChC,WAAW,EAAE,MAAM,KAAK,OAAO;KAChC,CAAC,YAED,QAAQ,GACJ,CACR,CAAC"}