@blockbite/ui 2.0.6 → 2.0.9
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 +1 -1
- package/dist/AutocompleteDropdown.js +23 -94
- package/dist/AutocompleteDropdown.js.map +1 -0
- package/dist/Badge.js +5 -15
- package/dist/Badge.js.map +1 -0
- package/dist/BitePreview.js +50 -60
- package/dist/BitePreview.js.map +1 -0
- package/dist/Button.d.ts +1 -1
- package/dist/Button.js +8 -51
- package/dist/Button.js.map +1 -0
- package/dist/ButtonToggle.js +44 -111
- package/dist/ButtonToggle.js.map +1 -0
- package/dist/Chapter.d.ts +1 -1
- package/dist/Chapter.js +6 -18
- package/dist/Chapter.js.map +1 -0
- package/dist/ChapterDivider.js +5 -16
- package/dist/ChapterDivider.js.map +1 -0
- package/dist/Checkbox.d.ts +1 -1
- package/dist/Checkbox.js +11 -20
- package/dist/Checkbox.js.map +1 -0
- package/dist/DisappearingMessage.js +27 -21
- package/dist/DisappearingMessage.js.map +1 -0
- package/dist/DropdownPicker.d.ts +1 -1
- package/dist/DropdownPicker.js +35 -52
- package/dist/DropdownPicker.js.map +1 -0
- package/dist/EmptyState.js +16 -17
- package/dist/EmptyState.js.map +1 -0
- package/dist/FloatingPanel.js +30 -41
- package/dist/FloatingPanel.js.map +1 -0
- package/dist/FocalPointControl.js +30 -40
- package/dist/FocalPointControl.js.map +1 -0
- package/dist/Icon.d.ts +1 -1
- package/dist/Icon.js +7 -8
- package/dist/Icon.js.map +1 -0
- package/dist/LinkPicker.d.ts +1 -1
- package/dist/LinkPicker.js +48 -65
- package/dist/LinkPicker.js.map +1 -0
- package/dist/MediaPicker.js +93 -90
- package/dist/MediaPicker.js.map +1 -0
- package/dist/MetricsControl.js +92 -117
- package/dist/MetricsControl.js.map +1 -0
- package/dist/Modal.js +74 -80
- package/dist/Modal.js.map +1 -0
- package/dist/NewWindowPortal.js +52 -40
- package/dist/NewWindowPortal.js.map +1 -0
- package/dist/Notice.d.ts +1 -1
- package/dist/Notice.js +9 -23
- package/dist/Notice.js.map +1 -0
- package/dist/PasswordInput.js +20 -36
- package/dist/PasswordInput.js.map +1 -0
- package/dist/Popover.js +22 -47
- package/dist/Popover.js.map +1 -0
- package/dist/RangeSlider.js +36 -47
- package/dist/RangeSlider.js.map +1 -0
- package/dist/ResponsiveImage.js +13 -36
- package/dist/ResponsiveImage.js.map +1 -0
- package/dist/ResponsiveVideo.js +7 -19
- package/dist/ResponsiveVideo.js.map +1 -0
- package/dist/ScrollList.js +9 -21
- package/dist/ScrollList.js.map +1 -0
- package/dist/SectionList.d.ts +1 -1
- package/dist/SectionList.js +57 -118
- package/dist/SectionList.js.map +1 -0
- package/dist/SelectControlWrapper.js +17 -32
- package/dist/SelectControlWrapper.js.map +1 -0
- package/dist/SingleBlockTypeAppender.js +17 -18
- package/dist/SingleBlockTypeAppender.js.map +1 -0
- package/dist/SlideIn.d.ts +1 -1
- package/dist/SlideIn.js +16 -27
- package/dist/SlideIn.js.map +1 -0
- package/dist/Spinner.js +16 -14
- package/dist/Spinner.js.map +1 -0
- package/dist/Tabs.d.ts +6 -6
- package/dist/Tabs.js +52 -50
- package/dist/Tabs.js.map +1 -0
- package/dist/Tag.js +5 -10
- package/dist/Tag.js.map +1 -0
- package/dist/TextControl.js +17 -51
- package/dist/TextControl.js.map +1 -0
- package/dist/TextControlLabel.d.ts +1 -1
- package/dist/TextControlLabel.js +7 -18
- package/dist/TextControlLabel.js.map +1 -0
- package/dist/ToggleGroup.js +15 -51
- package/dist/ToggleGroup.js.map +1 -0
- package/dist/ToggleSwitch.d.ts +1 -1
- package/dist/ToggleSwitch.js +16 -28
- package/dist/ToggleSwitch.js.map +1 -0
- package/dist/Wrap.js +7 -9
- package/dist/Wrap.js.map +1 -0
- package/dist/index.js +49 -88
- package/dist/index.js.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +26 -30
- package/dist/_virtual/jsx-runtime.js +0 -4
- package/dist/_virtual/react-jsx-runtime.development.js +0 -4
- package/dist/_virtual/react-jsx-runtime.production.min.js +0 -4
- package/dist/vite.svg +0 -1
|
@@ -5,5 +5,5 @@ type TextControlLabelProps = {
|
|
|
5
5
|
onChange?: (value: string) => void;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
};
|
|
8
|
-
export declare const TextControlLabel: ({ onChange, defaultValue, children, }: TextControlLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const TextControlLabel: ({ onChange, defaultValue, children, }: TextControlLabelProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
9
|
export {};
|
package/dist/TextControlLabel.js
CHANGED
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Pencil1 as
|
|
3
|
-
import { TextControl
|
|
4
|
-
import { Wrap
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
defaultValue: o,
|
|
8
|
-
children: l
|
|
9
|
-
}) => /* @__PURE__ */ t.jsxs(i, { className: "blockbite-ui__text-control-label flex items-center", children: [
|
|
10
|
-
/* @__PURE__ */ t.jsxs("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black", children: [
|
|
11
|
-
/* @__PURE__ */ t.jsx(s, { type: "text", value: o, onChange: e }),
|
|
12
|
-
/* @__PURE__ */ t.jsx(r, { className: "absolute right-1 top-2" })
|
|
13
|
-
] }),
|
|
14
|
-
" ",
|
|
15
|
-
l
|
|
16
|
-
] });
|
|
17
|
-
export {
|
|
18
|
-
x as TextControlLabel
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Pencil1 as Pencil1Icon } from '@blockbite/icons';
|
|
3
|
+
import { TextControl } from '@wordpress/components';
|
|
4
|
+
import { Wrap } from './Wrap.js';
|
|
5
|
+
export const TextControlLabel = ({ onChange, defaultValue, children, }) => {
|
|
6
|
+
return (_jsxs(Wrap, { className: "blockbite-ui__text-control-label flex items-center", children: [_jsxs("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black", children: [_jsx(TextControl, { type: "text", value: defaultValue, onChange: onChange }), _jsx(Pencil1Icon, { className: "absolute right-1 top-2" })] }), ' ', children] }));
|
|
19
7
|
};
|
|
8
|
+
//# sourceMappingURL=TextControlLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextControlLabel.js","sourceRoot":"","sources":["../src/TextControlLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAUjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,YAAY,EACZ,QAAQ,GACc,EAAE,EAAE;IAC1B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,oDAAoD,aAClE,gBAAM,SAAS,EAAC,4DAA4D,aAC1E,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACpE,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,GAAG,IAC7C,EAAC,GAAG,EACV,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/ToggleGroup.js
CHANGED
|
@@ -1,52 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { memo
|
|
3
|
-
import { Wrap
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
defaultPressed: r,
|
|
11
|
-
display: n = "label",
|
|
12
|
-
label: o = !1,
|
|
13
|
-
onPressedChange: m
|
|
14
|
-
}) => {
|
|
15
|
-
const [u, c] = i(""), a = (e) => {
|
|
16
|
-
m(e);
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useEffect, useState } from '@wordpress/element';
|
|
3
|
+
import { Wrap } from './Wrap.js';
|
|
4
|
+
import { __experimentalToggleGroupControlOptionIcon as ToggleGroupControlIcon, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToggleGroupControl as WordpressToggleGroupControl, } from '@wordpress/components';
|
|
5
|
+
import classNames from 'classnames';
|
|
6
|
+
export const ToggleGroup = memo(({ className, options, defaultPressed, display = 'label', label = false, onPressedChange, }) => {
|
|
7
|
+
const [isPressed, setIsPressed] = useState('');
|
|
8
|
+
const handlePressChange = (value) => {
|
|
9
|
+
onPressedChange(value);
|
|
17
10
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}, [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
value: u,
|
|
25
|
-
label: typeof o == "string" ? o : "",
|
|
26
|
-
children: t.map(
|
|
27
|
-
(e) => n === "icon" ? /* @__PURE__ */ l.jsx(
|
|
28
|
-
f,
|
|
29
|
-
{
|
|
30
|
-
icon: e.icon,
|
|
31
|
-
label: e.label,
|
|
32
|
-
value: e.value,
|
|
33
|
-
onClick: () => a(e.value)
|
|
34
|
-
},
|
|
35
|
-
`ToggleGroupControlIcon-${e.value}`
|
|
36
|
-
) : /* @__PURE__ */ l.jsx(
|
|
37
|
-
C,
|
|
38
|
-
{
|
|
39
|
-
value: e.value,
|
|
40
|
-
label: e.label,
|
|
41
|
-
onClick: () => a(e.value)
|
|
42
|
-
},
|
|
43
|
-
`ToggleGroupControlOption-${e.value}`
|
|
44
|
-
)
|
|
45
|
-
)
|
|
46
|
-
}
|
|
47
|
-
) });
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
export {
|
|
51
|
-
d as ToggleGroup
|
|
52
|
-
};
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
setIsPressed(defaultPressed);
|
|
13
|
+
}, [defaultPressed]);
|
|
14
|
+
return (_jsx(Wrap, { className: classNames(className), children: _jsx(WordpressToggleGroupControl, { isBlock: true, value: isPressed, label: typeof label === 'string' ? label : '', children: options.map((option) => display === 'icon' ? (_jsx(ToggleGroupControlIcon, { icon: option.icon, label: option.label, value: option.value, onClick: () => handlePressChange(option.value) }, `ToggleGroupControlIcon-${option.value}`)) : (_jsx(ToggleGroupControlOption, { value: option.value, label: option.label, onClick: () => handlePressChange(option.value) }, `ToggleGroupControlOption-${option.value}`))) }) }));
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=ToggleGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,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,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YACpC,KAAC,2BAA2B,IAC1B,OAAO,QACP,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAE5C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACtB,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,sBAAsB,IACrB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EAEnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,IAFzC,0BAA0B,MAAM,CAAC,KAAK,EAAE,CAG7C,CACH,CAAC,CAAC,CAAC,CACF,KAAC,wBAAwB,IAEvB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,IAHzC,4BAA4B,MAAM,CAAC,KAAK,EAAE,CAI/C,CACH,CACF,GAC2B,GACzB,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/ToggleSwitch.d.ts
CHANGED
|
@@ -4,5 +4,5 @@ type ToggleSwitchProps = {
|
|
|
4
4
|
onChange?: (checked: boolean) => void;
|
|
5
5
|
checked?: boolean;
|
|
6
6
|
};
|
|
7
|
-
export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
8
8
|
export {};
|
package/dist/ToggleSwitch.js
CHANGED
|
@@ -1,29 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ToggleControl as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import { Wrap
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}, [e]), /* @__PURE__ */ r.jsx(n, { className: l(i, "flex items-center gap-2"), children: /* @__PURE__ */ r.jsx(
|
|
17
|
-
f,
|
|
18
|
-
{
|
|
19
|
-
checked: a,
|
|
20
|
-
label: m,
|
|
21
|
-
onChange: (o) => {
|
|
22
|
-
t(o), s && s(o);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
) });
|
|
26
|
-
};
|
|
27
|
-
export {
|
|
28
|
-
C as ToggleSwitch
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ToggleControl as Switch } from '@wordpress/components';
|
|
3
|
+
import { useEffect, useState } from '@wordpress/element';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import { Wrap } from './Wrap.js';
|
|
6
|
+
export const ToggleSwitch = ({ label, className, onChange, checked = false, // Default to false if undefined, so it's always controlled
|
|
7
|
+
}) => {
|
|
8
|
+
const [isChecked, setIsChecked] = useState(checked);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
setIsChecked(checked);
|
|
11
|
+
}, [checked]);
|
|
12
|
+
return (_jsx(Wrap, { className: classNames(className, 'flex items-center gap-2'), children: _jsx(Switch, { checked: isChecked, label: label, onChange: (e) => {
|
|
13
|
+
setIsChecked(e);
|
|
14
|
+
onChange && onChange(e);
|
|
15
|
+
} }) }));
|
|
29
16
|
};
|
|
17
|
+
//# sourceMappingURL=ToggleSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AASjC,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,KAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,YAC/D,KAAC,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,GACL,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Wrap.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}) => i ? /* @__PURE__ */ r.jsx("div", { className: "bb_", onClick: x, children: /* @__PURE__ */ r.jsx("div", { className: t, children: s }) }) : /* @__PURE__ */ r.jsx("div", { className: t, children: s });
|
|
8
|
-
export {
|
|
9
|
-
j as Wrap
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export const Wrap = ({ children, className, important = false, onClick, }) => {
|
|
3
|
+
if (important) {
|
|
4
|
+
return (_jsx("div", { className: "bb_", onClick: onClick, children: _jsx("div", { className: className, children: children }) }));
|
|
5
|
+
}
|
|
6
|
+
return _jsx("div", { className: className, children: children });
|
|
10
7
|
};
|
|
8
|
+
//# sourceMappingURL=Wrap.js.map
|
package/dist/Wrap.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Wrap.js","sourceRoot":"","sources":["../src/Wrap.tsx"],"names":[],"mappings":";AAOA,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,cAAK,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO,YACnC,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,GACvC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC;AACrD,CAAC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,88 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
export {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
u as DropdownPicker,
|
|
51
|
-
b as EmptyState,
|
|
52
|
-
B as FloatingPanel,
|
|
53
|
-
L as FocalPointControl,
|
|
54
|
-
D as Icon,
|
|
55
|
-
W as LinkPicker,
|
|
56
|
-
R as MediaPicker,
|
|
57
|
-
A as MetricsControl,
|
|
58
|
-
N as Modal,
|
|
59
|
-
E as ModalClose,
|
|
60
|
-
H as ModalContent,
|
|
61
|
-
V as ModalFooter,
|
|
62
|
-
j as ModalHeader,
|
|
63
|
-
q as ModalTrigger,
|
|
64
|
-
K as NewWindowPortal,
|
|
65
|
-
Q as Notice,
|
|
66
|
-
X as PasswordInput,
|
|
67
|
-
Z as Popover,
|
|
68
|
-
$ as RangeSlider,
|
|
69
|
-
ro as ResponsiveImage,
|
|
70
|
-
to as ResponsiveVideo,
|
|
71
|
-
xo as ScrollList,
|
|
72
|
-
fo as SectionList,
|
|
73
|
-
no as SelectControlWrapper,
|
|
74
|
-
io as SingleBlockTypeAppender,
|
|
75
|
-
go as SlideIn,
|
|
76
|
-
To as Spinner,
|
|
77
|
-
Mo as Tabs,
|
|
78
|
-
Po as TabsContent,
|
|
79
|
-
So as TabsList,
|
|
80
|
-
uo as TabsWrapper,
|
|
81
|
-
bo as Tag,
|
|
82
|
-
Bo as TextControl,
|
|
83
|
-
Lo as TextControlLabel,
|
|
84
|
-
Do as ToggleGroup,
|
|
85
|
-
Wo as ToggleSwitch,
|
|
86
|
-
Ro as Wrap,
|
|
87
|
-
z as useModalContext
|
|
88
|
-
};
|
|
1
|
+
export { AutocompleteDropdown } from './AutocompleteDropdown.js';
|
|
2
|
+
export { Badge } from './Badge.js';
|
|
3
|
+
export { BitePreview } from './BitePreview.js';
|
|
4
|
+
export { Button } from './Button.js';
|
|
5
|
+
export { ButtonToggle } from './ButtonToggle.js';
|
|
6
|
+
export { ButtonToggleGroup } from './ButtonToggle.js';
|
|
7
|
+
export { Chapter } from './Chapter.js';
|
|
8
|
+
export { ChapterDivider } from './ChapterDivider.js';
|
|
9
|
+
export { Checkbox } from './Checkbox.js';
|
|
10
|
+
export { DisappearingMessage } from './DisappearingMessage.js';
|
|
11
|
+
export { DropdownPicker } from './DropdownPicker.js';
|
|
12
|
+
export { EmptyState } from './EmptyState.js';
|
|
13
|
+
export { FloatingPanel } from './FloatingPanel.js';
|
|
14
|
+
export { FocalPointControl } from './FocalPointControl.js';
|
|
15
|
+
export { Icon } from './Icon.js';
|
|
16
|
+
export { LinkPicker } from './LinkPicker.js';
|
|
17
|
+
export { MediaPicker } from './MediaPicker.js';
|
|
18
|
+
export { MetricsControl } from './MetricsControl.js';
|
|
19
|
+
export { useModalContext } from './Modal.js';
|
|
20
|
+
export { Modal } from './Modal.js';
|
|
21
|
+
export { ModalHeader } from './Modal.js';
|
|
22
|
+
export { ModalFooter } from './Modal.js';
|
|
23
|
+
export { ModalContent } from './Modal.js';
|
|
24
|
+
export { ModalClose } from './Modal.js';
|
|
25
|
+
export { ModalTrigger } from './Modal.js';
|
|
26
|
+
export { NewWindowPortal } from './NewWindowPortal.js';
|
|
27
|
+
export { Notice } from './Notice.js';
|
|
28
|
+
export { PasswordInput } from './PasswordInput.js';
|
|
29
|
+
export { Popover } from './Popover.js';
|
|
30
|
+
export { RangeSlider } from './RangeSlider.js';
|
|
31
|
+
export { ResponsiveImage } from './ResponsiveImage.js';
|
|
32
|
+
export { ResponsiveVideo } from './ResponsiveVideo.js';
|
|
33
|
+
export { ScrollList } from './ScrollList.js';
|
|
34
|
+
export { SectionList } from './SectionList.js';
|
|
35
|
+
export { SelectControlWrapper } from './SelectControlWrapper.js';
|
|
36
|
+
export { SingleBlockTypeAppender } from './SingleBlockTypeAppender.js';
|
|
37
|
+
export { SlideIn } from './SlideIn.js';
|
|
38
|
+
export { Spinner } from './Spinner.js';
|
|
39
|
+
export { TabsWrapper } from './Tabs.js';
|
|
40
|
+
export { TabsList } from './Tabs.js';
|
|
41
|
+
export { TabsContent } from './Tabs.js';
|
|
42
|
+
export { Tabs } from './Tabs.js';
|
|
43
|
+
export { Tag } from './Tag.js';
|
|
44
|
+
export { TextControl } from './TextControl.js';
|
|
45
|
+
export { TextControlLabel } from './TextControlLabel.js';
|
|
46
|
+
export { ToggleGroup } from './ToggleGroup.js';
|
|
47
|
+
export { ToggleSwitch } from './ToggleSwitch.js';
|
|
48
|
+
export { Wrap } from './Wrap.js';
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blockbite/ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.9",
|
|
4
4
|
"description": "Shared React UI components for Blockbite apps",
|
|
5
|
-
"author": "Blockbite",
|
|
6
|
-
"license": "MIT",
|
|
7
|
-
"private": false,
|
|
8
5
|
"main": "./dist/index.js",
|
|
9
|
-
"module": "./dist/index.js",
|
|
10
6
|
"types": "./dist/index.d.ts",
|
|
11
|
-
"type": "module",
|
|
12
|
-
"sideEffects": false,
|
|
13
|
-
"publishConfig": {
|
|
14
|
-
"access": "public"
|
|
15
|
-
},
|
|
16
|
-
"files": [
|
|
17
|
-
"dist"
|
|
18
|
-
],
|
|
19
7
|
"exports": {
|
|
20
8
|
".": {
|
|
21
9
|
"import": "./dist/index.js",
|
|
22
10
|
"require": "./dist/index.js",
|
|
23
11
|
"types": "./dist/index.d.ts",
|
|
24
12
|
"default": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./components/*": {
|
|
15
|
+
"import": "./dist/index.js",
|
|
16
|
+
"require": "./dist/index.js",
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"default": "./dist/index.js"
|
|
25
19
|
}
|
|
26
20
|
},
|
|
21
|
+
"files": [
|
|
22
|
+
"dist"
|
|
23
|
+
],
|
|
27
24
|
"keywords": [
|
|
28
25
|
"ui",
|
|
29
26
|
"react",
|
|
30
27
|
"components",
|
|
31
28
|
"blockbite",
|
|
32
|
-
"vite",
|
|
33
29
|
"typescript"
|
|
34
30
|
],
|
|
31
|
+
"publishConfig": {
|
|
32
|
+
"access": "public"
|
|
33
|
+
},
|
|
35
34
|
"dependencies": {
|
|
36
|
-
"@wordpress/i18n": "^5.22.0",
|
|
37
|
-
"@wordpress/primitives": "^4.22.0",
|
|
38
35
|
"@wordpress/api-fetch": "^6.21.0",
|
|
39
36
|
"@wordpress/block-editor": "^14.16.0",
|
|
40
|
-
"@wordpress/
|
|
41
|
-
"@wordpress/
|
|
37
|
+
"@wordpress/i18n": "^5.22.0",
|
|
38
|
+
"@wordpress/primitives": "^4.22.0",
|
|
42
39
|
"classnames": "^2.5.1",
|
|
43
40
|
"lodash": "^4.17.21",
|
|
41
|
+
"@blockbite/icons": "4.4.13"
|
|
42
|
+
},
|
|
43
|
+
"peerDependencies": {
|
|
44
|
+
"@wordpress/components": "^29.7.0",
|
|
45
|
+
"@wordpress/element": "^6.21.0",
|
|
44
46
|
"react": "18.2.0",
|
|
45
|
-
"react-dom": "18.2.0"
|
|
46
|
-
"vite-plugin-static-copy": "^2.3.1",
|
|
47
|
-
"@blockbite/icons": "4.4.11"
|
|
47
|
+
"react-dom": "18.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@types/lodash": "^4.17.16",
|
|
@@ -52,16 +52,12 @@
|
|
|
52
52
|
"@types/react-dom": "^18.2.19",
|
|
53
53
|
"@types/wordpress__block-editor": "^11.5.16",
|
|
54
54
|
"@types/wordpress__blocks": "^12.5.17",
|
|
55
|
-
"
|
|
56
|
-
"typescript": "^5.8.2",
|
|
57
|
-
"vite": "^5.0.0"
|
|
55
|
+
"typescript": "^5.0.0"
|
|
58
56
|
},
|
|
59
57
|
"scripts": {
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"type-check": "tsc --noEmit"
|
|
64
|
-
"types": "tsc --project tsconfig.build.json",
|
|
65
|
-
"generate-index": "node ./generate-index.cjs"
|
|
58
|
+
"copy-css": "cp ./src/ui.css ./dist/ui.css",
|
|
59
|
+
"generate-index": "node ./generate-index.cjs",
|
|
60
|
+
"build": "npm run generate-index && tsc --project tsconfig.build.json && npm run copy-css",
|
|
61
|
+
"type-check": "tsc --noEmit"
|
|
66
62
|
}
|
|
67
63
|
}
|
package/dist/vite.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|