@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/ToggleGroup.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
import { memo, useEffect, useState } from '@wordpress/element';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { Wrap } from './Wrap.js';
|
|
4
|
+
void React;
|
|
4
5
|
import { __experimentalToggleGroupControlOptionIcon as ToggleGroupControlIcon, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToggleGroupControl as WordpressToggleGroupControl, } from '@wordpress/components';
|
|
5
6
|
import classNames from 'classnames';
|
|
6
7
|
export const ToggleGroup = memo(({ className, options, defaultPressed, display = 'label', label = false, onPressedChange, }) => {
|
|
@@ -11,6 +12,7 @@ export const ToggleGroup = memo(({ className, options, defaultPressed, display =
|
|
|
11
12
|
useEffect(() => {
|
|
12
13
|
setIsPressed(defaultPressed);
|
|
13
14
|
}, [defaultPressed]);
|
|
14
|
-
return (
|
|
15
|
+
return (React.createElement(Wrap, { className: classNames(className) },
|
|
16
|
+
React.createElement(WordpressToggleGroupControl, { isBlock: true, value: isPressed, label: typeof label === 'string' ? label : '' }, options.map((option) => display === 'icon' ? (React.createElement(ToggleGroupControlIcon, { icon: option.icon, label: option.label, key: `ToggleGroupControlIcon-${option.value}`, value: option.value, onClick: () => handlePressChange(option.value) })) : (React.createElement(ToggleGroupControlOption, { key: `ToggleGroupControlOption-${option.value}`, value: option.value, label: option.label, onClick: () => handlePressChange(option.value) }))))));
|
|
15
17
|
});
|
|
16
18
|
//# sourceMappingURL=ToggleGroup.js.map
|
package/dist/ToggleGroup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAEX,OAAO,EACL,0CAA0C,IAAI,sBAAsB,EACpE,sCAAsC,IAAI,wBAAwB,EAClE,gCAAgC,IAAI,2BAA2B,GAChE,MAAM,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,WAAW,GAA0B,IAAI,CACpD,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,KAAK,EACb,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEvD,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;QACpC,oBAAC,2BAA2B,IAC1B,OAAO,QACP,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAE5C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACtB,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,oBAAC,sBAAsB,IACrB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,0BAA0B,MAAM,CAAC,KAAK,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAwB,IACvB,GAAG,EAAE,4BAA4B,MAAM,CAAC,KAAK,EAAE,EAC/C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,CACH,CACF,CAC2B,CACzB,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/ToggleSwitch.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
type ToggleSwitchProps = {
|
|
2
3
|
label?: string;
|
|
3
4
|
className?: string;
|
|
4
5
|
onChange?: (checked: boolean) => void;
|
|
5
6
|
checked?: boolean;
|
|
6
7
|
};
|
|
7
|
-
export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) =>
|
|
8
|
+
export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
package/dist/ToggleSwitch.js
CHANGED
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
1
|
import { ToggleControl as Switch } from '@wordpress/components';
|
|
3
2
|
import { useEffect, 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 ToggleSwitch = ({ label, className, onChange, checked = false, // Default to false if undefined, so it's always controlled
|
|
7
8
|
}) => {
|
|
8
9
|
const [isChecked, setIsChecked] = useState(checked);
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
setIsChecked(checked);
|
|
11
12
|
}, [checked]);
|
|
12
|
-
return (
|
|
13
|
+
return (React.createElement(Wrap, { className: classNames(className, 'flex items-center gap-2') },
|
|
14
|
+
React.createElement(Switch, { checked: isChecked, label: label, onChange: (e) => {
|
|
13
15
|
setIsChecked(e);
|
|
14
16
|
onChange && onChange(e);
|
|
15
|
-
} })
|
|
17
|
+
} })));
|
|
16
18
|
};
|
|
17
19
|
//# sourceMappingURL=ToggleSwitch.js.map
|
package/dist/ToggleSwitch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../src/ToggleSwitch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../src/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AASX,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EAAE,2DAA2D;EAC1D,EAAE,EAAE;IACtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC;QAC/D,oBAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,YAAY,CAAC,CAAC,CAAC,CAAC;gBAChB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,GACO,CACL,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Wrap.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
type WrapProps = {
|
|
2
3
|
children: React.ReactNode;
|
|
3
4
|
className?: string;
|
|
4
5
|
important?: boolean;
|
|
5
6
|
onClick?: (e: React.MouseEvent) => void;
|
|
6
7
|
};
|
|
7
|
-
export declare const Wrap: ({ children, className, important, onClick, }: WrapProps) =>
|
|
8
|
+
export declare const Wrap: ({ children, className, important, onClick, }: WrapProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
package/dist/Wrap.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
void React;
|
|
2
3
|
export const Wrap = ({ children, className, important = false, onClick, }) => {
|
|
3
4
|
if (important) {
|
|
4
|
-
return (
|
|
5
|
+
return (React.createElement("div", { className: "bb_", onClick: onClick },
|
|
6
|
+
React.createElement("div", { className: className }, children)));
|
|
5
7
|
}
|
|
6
|
-
return
|
|
8
|
+
return React.createElement("div", { className: className }, children);
|
|
7
9
|
};
|
|
8
10
|
//# sourceMappingURL=Wrap.js.map
|
package/dist/Wrap.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wrap.js","sourceRoot":"","sources":["../src/Wrap.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Wrap.js","sourceRoot":"","sources":["../src/Wrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAQX,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GACG,EAAE,EAAE;IACd,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO;YACnC,6BAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CACvC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,6BAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CAAC;AACrD,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blockbite/ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.10",
|
|
4
4
|
"description": "Shared React UI components for Blockbite apps",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@wordpress/primitives": "^4.22.0",
|
|
39
39
|
"classnames": "^2.5.1",
|
|
40
40
|
"lodash": "^4.17.21",
|
|
41
|
-
"@blockbite/icons": "4.4.
|
|
41
|
+
"@blockbite/icons": "4.4.14"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@wordpress/components": "^29.7.0",
|