@eightshift/ui-components 5.0.7 → 5.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/assets/style-admin.css +1 -1
- package/dist/assets/style-editor.css +1 -1
- package/dist/assets/style.css +1 -1
- package/dist/assets/wp-font-enhancements.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +1 -1
- package/dist/components/input-field/input-field.js +1 -1
- package/dist/components/link-input/link-input.js +10 -11
- package/dist/icons/jsx-svg.js +16 -2
- package/package.json +11 -11
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
package/dist/assets/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input {
|
|
3
3
|
font-family: var(--es-font-sans, "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -194,7 +194,7 @@ const InputField = (props) => {
|
|
|
194
194
|
...other,
|
|
195
195
|
type,
|
|
196
196
|
className: clsx(
|
|
197
|
-
"es:min-h-10 es:w-full es:rounded-10 es:border es:border-secondary-300 es:p-2 es:text-sm es:shadow-sm es:not-readonly:focus:shadow-md es:transition es:selection:bg-accent-500/20 es:selection:text-accent-950",
|
|
197
|
+
"es:min-h-10 es:w-full es:rounded-10 es:border es:border-secondary-300 es:p-2 es:text-sm es:shadow-sm es:not-readonly:focus:shadow-md es:transition es:selection:bg-accent-500/20 es:selection:text-accent-950 es:bg-white",
|
|
198
198
|
"es:any-focus:outline-hidden",
|
|
199
199
|
"es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
|
|
200
200
|
"es:focus-visible:border-accent-500",
|
|
@@ -9,7 +9,7 @@ import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-CmA
|
|
|
9
9
|
import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
|
|
10
10
|
import { icons } from "../../icons/icons.js";
|
|
11
11
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
12
|
-
import { useRef,
|
|
12
|
+
import { useRef, cloneElement } from "react";
|
|
13
13
|
import { Spacer } from "../spacer/spacer.js";
|
|
14
14
|
import { Tooltip } from "../tooltip/tooltip.js";
|
|
15
15
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
@@ -75,22 +75,18 @@ const LinkInput = (props) => {
|
|
|
75
75
|
shouldShowSuggestions = !(showSuggestionsWhenEmpty !== true && url.trim().length < 3 || url.startsWith("/") || url.startsWith("#") || url.startsWith(":") || url.startsWith("mailto") || url.startsWith("tel") || url.startsWith("http") || url.startsWith("www"));
|
|
76
76
|
}
|
|
77
77
|
const suggestionList = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
if (disabled || !canShowSuggestions || !shouldShowSuggestions || !filterText || filterText.length < 3) {
|
|
78
|
+
async load({ signal }) {
|
|
79
|
+
if (disabled || !canShowSuggestions || !shouldShowSuggestions) {
|
|
81
80
|
return {
|
|
82
81
|
items: []
|
|
83
82
|
};
|
|
84
83
|
}
|
|
85
|
-
const items = await fetchSuggestions(
|
|
84
|
+
const items = await fetchSuggestions(url, signal);
|
|
86
85
|
return {
|
|
87
86
|
items: items ?? []
|
|
88
87
|
};
|
|
89
88
|
}
|
|
90
89
|
});
|
|
91
|
-
useEffect(() => {
|
|
92
|
-
suggestionList.setFilterText(url);
|
|
93
|
-
}, [url]);
|
|
94
90
|
if (hidden) {
|
|
95
91
|
return null;
|
|
96
92
|
}
|
|
@@ -98,9 +94,12 @@ const LinkInput = (props) => {
|
|
|
98
94
|
$d01f2c01039c0eec$export$72b9695b8216309a,
|
|
99
95
|
{
|
|
100
96
|
items: suggestionList.items,
|
|
101
|
-
inputValue:
|
|
97
|
+
inputValue: url,
|
|
102
98
|
onInputChange: (value) => {
|
|
103
99
|
onChange({ url: value, isAnchor: value == null ? void 0 : value.includes("#") });
|
|
100
|
+
if (shouldShowSuggestions) {
|
|
101
|
+
suggestionList.reload();
|
|
102
|
+
}
|
|
104
103
|
},
|
|
105
104
|
allowsCustomValue: true,
|
|
106
105
|
allowsEmptyCollection: true,
|
|
@@ -133,6 +132,7 @@ const LinkInput = (props) => {
|
|
|
133
132
|
"es:focus-visible:border-accent-500",
|
|
134
133
|
"es:inset-ring es:inset-ring-secondary-100",
|
|
135
134
|
"es:disabled:shadow-none! es:disabled:border-secondary-200 es:disabled:bg-secondary-50 es:disabled:text-secondary-500 es:disabled:cursor-default es:readonly:bg-secondary-50",
|
|
135
|
+
"es:not-readonly:focus:shadow-md",
|
|
136
136
|
(url == null ? void 0 : url.length) > 0 && "es:pr-10",
|
|
137
137
|
className
|
|
138
138
|
)
|
|
@@ -149,7 +149,6 @@ const LinkInput = (props) => {
|
|
|
149
149
|
{
|
|
150
150
|
slot: null,
|
|
151
151
|
onPress: () => {
|
|
152
|
-
suggestionList.setFilterText("");
|
|
153
152
|
onChange({ url: void 0, isAnchor: false });
|
|
154
153
|
},
|
|
155
154
|
className: "es:any-focus:outline-hidden",
|
|
@@ -158,7 +157,7 @@ const LinkInput = (props) => {
|
|
|
158
157
|
"div",
|
|
159
158
|
{
|
|
160
159
|
className: clsx(
|
|
161
|
-
"es:flex es:size-8 es:items-center es:justify-center es:rounded es:bg-white/85 es:text-secondary-600 es:backdrop-blur es:transition es:cursor-pointer",
|
|
160
|
+
"es:flex es:size-8 es:items-center es:justify-center es:rounded-md es:bg-white/85 es:text-secondary-600 es:backdrop-blur es:transition es:cursor-pointer",
|
|
162
161
|
"es:hover:bg-red-600/5 es:hover:text-red-600",
|
|
163
162
|
"es:icon:size-6"
|
|
164
163
|
),
|
package/dist/icons/jsx-svg.js
CHANGED
|
@@ -10,6 +10,8 @@ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.mi
|
|
|
10
10
|
* @param {boolean} [props.ariaHidden] - Set to `true` if the image is decorative.
|
|
11
11
|
* @param {string} [props.customProps] - Custom props to add to the SVG.
|
|
12
12
|
* @param {Object} [props.customPropBindings] - Dynamic bindings for custom props.
|
|
13
|
+
* @param {boolean} [props.noIdRandomization] - If `true`, the SVG will not randomize IDs for defs like gradients, masks, ...
|
|
14
|
+
* @param {string} [props.idRandomizationPrefix] - Sets the prefix for random IDs. Defaults to `icon`.
|
|
13
15
|
*
|
|
14
16
|
* @returns {JSX.Element} The JsxSvg component.
|
|
15
17
|
*
|
|
@@ -22,7 +24,8 @@ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.mi
|
|
|
22
24
|
* @preserve
|
|
23
25
|
*/
|
|
24
26
|
const JsxSvg = (props) => {
|
|
25
|
-
|
|
27
|
+
var _a;
|
|
28
|
+
const { svg, className, customProps, customPropBindings, "aria-hidden": ariaHiddenProp, ariaHidden, noIdRandomization, idRandomizationPrefix = "icon", ...rest } = props;
|
|
26
29
|
if (!svg || typeof svg !== "string") {
|
|
27
30
|
return null;
|
|
28
31
|
}
|
|
@@ -36,12 +39,23 @@ const JsxSvg = (props) => {
|
|
|
36
39
|
if (customProps) {
|
|
37
40
|
jsxString = jsxString.replace("<svg ", `<svg ${customProps} `);
|
|
38
41
|
}
|
|
42
|
+
if (!noIdRandomization) {
|
|
43
|
+
const matches = (_a = Array.from(jsxString == null ? void 0 : jsxString.matchAll(/id=[\'"]([a-zA-Z0-9\-\_]*)[\'"]/g), (m) => m == null ? void 0 : m[1])) == null ? void 0 : _a.filter(Boolean);
|
|
44
|
+
matches.forEach((match) => {
|
|
45
|
+
const newId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
|
|
46
|
+
jsxString = jsxString.replaceAll(match, `${idRandomizationPrefix}-${newId}`);
|
|
47
|
+
});
|
|
48
|
+
}
|
|
39
49
|
return /* @__PURE__ */ jsx(
|
|
40
50
|
source_default,
|
|
41
51
|
{
|
|
42
52
|
renderInWrapper: false,
|
|
43
53
|
jsx: jsxString,
|
|
44
|
-
bindings: customPropBindings
|
|
54
|
+
bindings: customPropBindings,
|
|
55
|
+
components: {
|
|
56
|
+
linearGradient: "linearGradient"
|
|
57
|
+
},
|
|
58
|
+
...rest
|
|
45
59
|
}
|
|
46
60
|
);
|
|
47
61
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eightshift/ui-components",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
"@dnd-kit/react": "^0.1.19",
|
|
53
53
|
"@dnd-kit/sortable": "^10.0.0",
|
|
54
54
|
"@dnd-kit/utilities": "^3.2.2",
|
|
55
|
-
"@eslint/compat": "^1.
|
|
55
|
+
"@eslint/compat": "^1.3.0",
|
|
56
56
|
"@react-stately/collections": "^3.12.5",
|
|
57
57
|
"@stylistic/eslint-plugin-js": "^4.4.1",
|
|
58
|
-
"@tailwindcss/vite": "^4.1.
|
|
58
|
+
"@tailwindcss/vite": "^4.1.10",
|
|
59
59
|
"@types/react": "^18.3.23",
|
|
60
60
|
"@types/react-dom": "^18.3.7",
|
|
61
61
|
"@vitejs/plugin-react-swc": "^3.10.2",
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
"class-variance-authority": "^0.7.1",
|
|
65
65
|
"clsx": "^2.1.1",
|
|
66
66
|
"css-gradient-parser": "^0.0.16",
|
|
67
|
-
"eslint": "^9.
|
|
67
|
+
"eslint": "^9.29.0",
|
|
68
68
|
"eslint-config-prettier": "^10.1.5",
|
|
69
|
-
"eslint-plugin-jsdoc": "^
|
|
70
|
-
"eslint-plugin-prettier": "^5.
|
|
71
|
-
"glob": "^11.0.
|
|
69
|
+
"eslint-plugin-jsdoc": "^51.2.1",
|
|
70
|
+
"eslint-plugin-prettier": "^5.5.0",
|
|
71
|
+
"glob": "^11.0.3",
|
|
72
72
|
"globals": "^16.2.0",
|
|
73
73
|
"just-camel-case": "^6.2.0",
|
|
74
74
|
"just-debounce-it": "^3.2.0",
|
|
@@ -77,9 +77,9 @@
|
|
|
77
77
|
"just-kebab-case": "^4.2.0",
|
|
78
78
|
"just-throttle": "^4.2.0",
|
|
79
79
|
"lightningcss": "^1.30.1",
|
|
80
|
-
"postcss": "^8.5.
|
|
81
|
-
"prettier": "^3.
|
|
82
|
-
"prettier-plugin-tailwindcss": "^0.6.
|
|
80
|
+
"postcss": "^8.5.6",
|
|
81
|
+
"prettier": "^3.6.0",
|
|
82
|
+
"prettier-plugin-tailwindcss": "^0.6.13",
|
|
83
83
|
"react": "^18.3.1",
|
|
84
84
|
"react-aria": "^3.41.1",
|
|
85
85
|
"react-aria-components": "^1.10.1",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"react-select": "^5.10.1",
|
|
90
90
|
"react-stately": "^3.39.0",
|
|
91
91
|
"svg-to-jsx-string": "^0.1.1",
|
|
92
|
-
"tailwindcss": "^4.1.
|
|
92
|
+
"tailwindcss": "^4.1.10",
|
|
93
93
|
"tailwindcss-motion": "^1.1.1",
|
|
94
94
|
"tailwindcss-react-aria-components": "^2.0.0",
|
|
95
95
|
"vite": "^6.3.5",
|