@eightshift/frontend-libs-tailwind 2.1.0 → 2.2.0
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/CHANGELOG.md +19 -0
- package/bun.lock +32 -28
- package/package.json +8 -8
- package/scripts/components/file-picker.js +2 -48
- package/scripts/components/media-picker.js +30 -16
- package/scripts/editor/editor.js +16 -1
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,23 @@ This projects adheres to [Semantic Versioning](https://semver.org/) and [Keep a
|
|
|
6
6
|
|
|
7
7
|
---
|
|
8
8
|
|
|
9
|
+
## [2.2.0]
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- Default portalling for `Options` components in `GutenbergBlock` (`document.body` by default). Can be disabled by passing `optionsPortalElement={false}`.
|
|
14
|
+
|
|
15
|
+
### Changed
|
|
16
|
+
|
|
17
|
+
- Updated dependencies.
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## [2.1.1]
|
|
21
|
+
|
|
22
|
+
### Changed
|
|
23
|
+
|
|
24
|
+
- Updated Media and File pickers image component.
|
|
25
|
+
|
|
9
26
|
## [2.1.0]
|
|
10
27
|
|
|
11
28
|
### Changed
|
|
@@ -256,6 +273,8 @@ Co-authored with @piqusy
|
|
|
256
273
|
- Initial release.
|
|
257
274
|
|
|
258
275
|
[Unreleased]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/master...HEAD
|
|
276
|
+
[2.2.0]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/2.1.1...2.2.0
|
|
277
|
+
[2.1.1]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/2.1.0...2.1.1
|
|
259
278
|
[2.1.0]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/2.0.7...2.1.0
|
|
260
279
|
[2.0.7]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/2.0.6...2.0.7
|
|
261
280
|
[2.0.6]: https://github.com/infinum/eightshift-frontend-libs-tailwind/compare/2.0.5...2.0.6
|
package/bun.lock
CHANGED
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
"@stylistic/eslint-plugin-js": "^4.4.1",
|
|
8
8
|
"@stylistic/stylelint-plugin": "^4.0.0",
|
|
9
9
|
"@swc/core": "^1.13.5",
|
|
10
|
-
"@wordpress/dependency-extraction-webpack-plugin": "^6.
|
|
10
|
+
"@wordpress/dependency-extraction-webpack-plugin": "^6.33.0",
|
|
11
11
|
"browserslist": "^4.26.3",
|
|
12
12
|
"css-loader": "^7.1.2",
|
|
13
13
|
"css-minimizer-webpack-plugin": "^7.0.2",
|
|
14
|
-
"eslint": "^9.
|
|
14
|
+
"eslint": "^9.38.0",
|
|
15
15
|
"eslint-config-prettier": "^10.1.8",
|
|
16
16
|
"eslint-plugin-prettier": "^5.5.4",
|
|
17
17
|
"globals": "^16.4.0",
|
|
@@ -21,23 +21,23 @@
|
|
|
21
21
|
"postcss": "^8.5.6",
|
|
22
22
|
"postcss-loader": "^8.2.0",
|
|
23
23
|
"prettier": "^3.6.2",
|
|
24
|
-
"prettier-plugin-tailwindcss": "^0.
|
|
24
|
+
"prettier-plugin-tailwindcss": "^0.7.1",
|
|
25
25
|
"sonner": "^2.0.7",
|
|
26
26
|
"stylelint": "^16.25.0",
|
|
27
27
|
"stylelint-config-standard": "^39.0.1",
|
|
28
28
|
"swc-loader": "^0.2.6",
|
|
29
29
|
"terser-webpack-plugin": "^5.3.14",
|
|
30
|
-
"webpack": "^5.102.
|
|
30
|
+
"webpack": "^5.102.1",
|
|
31
31
|
"webpack-cli": "^6.0.1",
|
|
32
32
|
"webpack-manifest-plugin": "^5.0.1",
|
|
33
33
|
"webpack-merge": "^6.0.1",
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@wordpress/api-fetch": "^7.
|
|
37
|
-
"lint-staged": "^16.2.
|
|
36
|
+
"@wordpress/api-fetch": "^7.33.0",
|
|
37
|
+
"lint-staged": "^16.2.5",
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
|
-
"@eightshift/ui-components": "^5.
|
|
40
|
+
"@eightshift/ui-components": "^5.6.1",
|
|
41
41
|
},
|
|
42
42
|
},
|
|
43
43
|
},
|
|
@@ -46,8 +46,6 @@
|
|
|
46
46
|
|
|
47
47
|
"@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.25.9", "", {}, "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ=="],
|
|
48
48
|
|
|
49
|
-
"@babel/runtime": ["@babel/runtime@7.25.7", "", { "dependencies": { "regenerator-runtime": "^0.14.0" } }, "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w=="],
|
|
50
|
-
|
|
51
49
|
"@cacheable/memoize": ["@cacheable/memoize@2.0.3", "", { "dependencies": { "@cacheable/utils": "^2.0.3" } }, "sha512-hl9wfQgpiydhQEIv7fkjEzTGE+tcosCXLKFDO707wYJ/78FVOlowb36djex5GdbSyeHnG62pomYLMuV/OT8Pbw=="],
|
|
52
50
|
|
|
53
51
|
"@cacheable/memory": ["@cacheable/memory@2.0.3", "", { "dependencies": { "@cacheable/memoize": "^2.0.3", "@cacheable/utils": "^2.0.3", "@keyv/bigmap": "^1.0.2", "hookified": "^1.12.1", "keyv": "^5.5.3" } }, "sha512-R3UKy/CKOyb1LZG/VRCTMcpiMDyLH7SH3JrraRdK6kf3GweWCOU3sgvE13W3TiDRbxnDKylzKJvhUAvWl9LQOA=="],
|
|
@@ -72,17 +70,17 @@
|
|
|
72
70
|
|
|
73
71
|
"@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.1", "", {}, "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ=="],
|
|
74
72
|
|
|
75
|
-
"@eslint/config-array": ["@eslint/config-array@0.21.
|
|
73
|
+
"@eslint/config-array": ["@eslint/config-array@0.21.1", "", { "dependencies": { "@eslint/object-schema": "^2.1.7", "debug": "^4.3.1", "minimatch": "^3.1.2" } }, "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA=="],
|
|
76
74
|
|
|
77
|
-
"@eslint/config-helpers": ["@eslint/config-helpers@0.4.
|
|
75
|
+
"@eslint/config-helpers": ["@eslint/config-helpers@0.4.1", "", { "dependencies": { "@eslint/core": "^0.16.0" } }, "sha512-csZAzkNhsgwb0I/UAV6/RGFTbiakPCf0ZrGmrIxQpYvGZ00PhTkSnyKNolphgIvmnJeGw6rcGVEXfTzUnFuEvw=="],
|
|
78
76
|
|
|
79
77
|
"@eslint/core": ["@eslint/core@0.16.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q=="],
|
|
80
78
|
|
|
81
79
|
"@eslint/eslintrc": ["@eslint/eslintrc@3.3.1", "", { "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.0", "minimatch": "^3.1.2", "strip-json-comments": "^3.1.1" } }, "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ=="],
|
|
82
80
|
|
|
83
|
-
"@eslint/js": ["@eslint/js@9.
|
|
81
|
+
"@eslint/js": ["@eslint/js@9.38.0", "", {}, "sha512-UZ1VpFvXf9J06YG9xQBdnzU+kthors6KjhMAl6f4gH4usHyh31rUf2DLGInT8RFYIReYXNSydgPY0V2LuWgl7A=="],
|
|
84
82
|
|
|
85
|
-
"@eslint/object-schema": ["@eslint/object-schema@2.1.
|
|
83
|
+
"@eslint/object-schema": ["@eslint/object-schema@2.1.7", "", {}, "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="],
|
|
86
84
|
|
|
87
85
|
"@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.0", "", { "dependencies": { "@eslint/core": "^0.16.0", "levn": "^0.4.1" } }, "sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A=="],
|
|
88
86
|
|
|
@@ -174,7 +172,7 @@
|
|
|
174
172
|
|
|
175
173
|
"@types/eslint-scope": ["@types/eslint-scope@3.7.7", "", { "dependencies": { "@types/eslint": "*", "@types/estree": "*" } }, "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg=="],
|
|
176
174
|
|
|
177
|
-
"@types/estree": ["@types/estree@1.0.
|
|
175
|
+
"@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
|
|
178
176
|
|
|
179
177
|
"@types/istanbul-lib-coverage": ["@types/istanbul-lib-coverage@2.0.6", "", {}, "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w=="],
|
|
180
178
|
|
|
@@ -226,15 +224,15 @@
|
|
|
226
224
|
|
|
227
225
|
"@webpack-cli/serve": ["@webpack-cli/serve@3.0.1", "", { "peerDependencies": { "webpack": "^5.82.0", "webpack-cli": "6.x.x" } }, "sha512-sbgw03xQaCLiT6gcY/6u3qBDn01CWw/nbaXl3gTdTFuJJ75Gffv3E3DBpgvY2fkkrdS1fpjaXNOmJlnbtKauKg=="],
|
|
228
226
|
|
|
229
|
-
"@wordpress/api-fetch": ["@wordpress/api-fetch@7.
|
|
227
|
+
"@wordpress/api-fetch": ["@wordpress/api-fetch@7.33.0", "", { "dependencies": { "@wordpress/i18n": "^6.6.0", "@wordpress/url": "^4.33.0" } }, "sha512-1hUMnX7t+PFBgNNZIITOY8w9J3/ZcVm3sT2gxURPaz1B1BE7LwLwQQyqUWi6hl4Z0eh5qUcEG5HJOUZTGLmVwA=="],
|
|
230
228
|
|
|
231
|
-
"@wordpress/dependency-extraction-webpack-plugin": ["@wordpress/dependency-extraction-webpack-plugin@6.
|
|
229
|
+
"@wordpress/dependency-extraction-webpack-plugin": ["@wordpress/dependency-extraction-webpack-plugin@6.33.0", "", { "dependencies": { "json2php": "^0.0.7" }, "peerDependencies": { "webpack": "^5.0.0" } }, "sha512-uGvJrak1wpi6XAfIvSXedXgfxvavpzVlj7ypAedAqQ26eFLHCPzK9S2TRp+jw4BglUE3mR2NXD8/glorbGwq+g=="],
|
|
232
230
|
|
|
233
|
-
"@wordpress/hooks": ["@wordpress/hooks@4.
|
|
231
|
+
"@wordpress/hooks": ["@wordpress/hooks@4.33.0", "", {}, "sha512-UwYLO+d3B2a9YtyiKTKjpE+j+eXI1pgySUutD8DL9DnHZMKX/TY4pBdSH4tyNMYxA2Jx0HBDhxBWVkE6e2KB6A=="],
|
|
234
232
|
|
|
235
|
-
"@wordpress/i18n": ["@wordpress/i18n@6.
|
|
233
|
+
"@wordpress/i18n": ["@wordpress/i18n@6.6.0", "", { "dependencies": { "@tannin/sprintf": "^1.3.2", "@wordpress/hooks": "^4.33.0", "gettext-parser": "^1.3.1", "memize": "^2.1.0", "tannin": "^1.2.0" }, "bin": { "pot-to-php": "./tools/pot-to-php.js" } }, "sha512-tPbvLiOl09M2NBt+pKA2bRUH5GEAzSPHt6cNEF1vbDPSIrtcv/B76x3uRE/hEb6gz67HW594fyAwV7ES/4hZhA=="],
|
|
236
234
|
|
|
237
|
-
"@wordpress/url": ["@wordpress/url@4.
|
|
235
|
+
"@wordpress/url": ["@wordpress/url@4.33.0", "", { "dependencies": { "remove-accents": "^0.5.0" } }, "sha512-RKBrMc4bXfJDu5l9Ry2kTOtq83Y/EbGn+AMBrqhbDdRI7xxK3XuCmAbaC/vhjC7dWfdwzs7m16knFGeG87BKYw=="],
|
|
238
236
|
|
|
239
237
|
"@xtuc/ieee754": ["@xtuc/ieee754@1.2.0", "", {}, "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA=="],
|
|
240
238
|
|
|
@@ -378,7 +376,7 @@
|
|
|
378
376
|
|
|
379
377
|
"escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
|
|
380
378
|
|
|
381
|
-
"eslint": ["eslint@9.
|
|
379
|
+
"eslint": ["eslint@9.38.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.1", "@eslint/config-helpers": "^0.4.1", "@eslint/core": "^0.16.0", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.38.0", "@eslint/plugin-kit": "^0.4.0", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw=="],
|
|
382
380
|
|
|
383
381
|
"eslint-config-prettier": ["eslint-config-prettier@10.1.8", "", { "peerDependencies": { "eslint": ">=7.0.0" }, "bin": { "eslint-config-prettier": "bin/cli.js" } }, "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w=="],
|
|
384
382
|
|
|
@@ -552,7 +550,7 @@
|
|
|
552
550
|
|
|
553
551
|
"lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
|
|
554
552
|
|
|
555
|
-
"lint-staged": ["lint-staged@16.2.
|
|
553
|
+
"lint-staged": ["lint-staged@16.2.5", "", { "dependencies": { "commander": "^14.0.1", "listr2": "^9.0.4", "micromatch": "^4.0.8", "nano-spawn": "^2.0.0", "pidtree": "^0.6.0", "string-argv": "^0.3.2", "yaml": "^2.8.1" }, "bin": { "lint-staged": "bin/lint-staged.js" } }, "sha512-o36wH3OX0jRWqDw5dOa8a8x6GXTKaLM+LvhRaucZxez0IxA+KNDUCiyjBfNgsMNmchwSX6urLSL7wShcUqAang=="],
|
|
556
554
|
|
|
557
555
|
"listr2": ["listr2@9.0.4", "", { "dependencies": { "cli-truncate": "^5.0.0", "colorette": "^2.0.20", "eventemitter3": "^5.0.1", "log-update": "^6.1.0", "rfdc": "^1.4.1", "wrap-ansi": "^9.0.0" } }, "sha512-1wd/kpAdKRLwv7/3OKC8zZ5U8e/fajCfWMxacUvB79S5nLrYGPtUI/8chMQhn3LQjsRVErTb9i1ECAwW0ZIHnQ=="],
|
|
558
556
|
|
|
@@ -596,7 +594,7 @@
|
|
|
596
594
|
|
|
597
595
|
"ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
|
|
598
596
|
|
|
599
|
-
"nano-spawn": ["nano-spawn@
|
|
597
|
+
"nano-spawn": ["nano-spawn@2.0.0", "", {}, "sha512-tacvGzUY5o2D8CBh2rrwxyNojUsZNU2zjNTzKQrkgGJQTbGAfArVWXSKMBokBeeg6C7OLRGUEyoFlYbfeWQIqw=="],
|
|
600
598
|
|
|
601
599
|
"nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
|
602
600
|
|
|
@@ -720,7 +718,7 @@
|
|
|
720
718
|
|
|
721
719
|
"prettier-linter-helpers": ["prettier-linter-helpers@1.0.0", "", { "dependencies": { "fast-diff": "^1.1.2" } }, "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w=="],
|
|
722
720
|
|
|
723
|
-
"prettier-plugin-tailwindcss": ["prettier-plugin-tailwindcss@0.
|
|
721
|
+
"prettier-plugin-tailwindcss": ["prettier-plugin-tailwindcss@0.7.1", "", { "peerDependencies": { "@ianvs/prettier-plugin-sort-imports": "*", "@prettier/plugin-hermes": "*", "@prettier/plugin-oxc": "*", "@prettier/plugin-pug": "*", "@shopify/prettier-plugin-liquid": "*", "@trivago/prettier-plugin-sort-imports": "*", "@zackad/prettier-plugin-twig": "*", "prettier": "^3.0", "prettier-plugin-astro": "*", "prettier-plugin-css-order": "*", "prettier-plugin-jsdoc": "*", "prettier-plugin-marko": "*", "prettier-plugin-multiline-arrays": "*", "prettier-plugin-organize-attributes": "*", "prettier-plugin-organize-imports": "*", "prettier-plugin-sort-imports": "*", "prettier-plugin-svelte": "*" }, "optionalPeers": ["@ianvs/prettier-plugin-sort-imports", "@prettier/plugin-hermes", "@prettier/plugin-oxc", "@prettier/plugin-pug", "@shopify/prettier-plugin-liquid", "@trivago/prettier-plugin-sort-imports", "@zackad/prettier-plugin-twig", "prettier-plugin-astro", "prettier-plugin-css-order", "prettier-plugin-jsdoc", "prettier-plugin-marko", "prettier-plugin-multiline-arrays", "prettier-plugin-organize-attributes", "prettier-plugin-organize-imports", "prettier-plugin-sort-imports", "prettier-plugin-svelte"] }, "sha512-Bzv1LZcuiR1Sk02iJTS1QzlFNp/o5l2p3xkopwOrbPmtMeh3fK9rVW5M3neBQzHq+kGKj/4LGQMTNcTH4NGPtQ=="],
|
|
724
722
|
|
|
725
723
|
"punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
|
|
726
724
|
|
|
@@ -736,8 +734,6 @@
|
|
|
736
734
|
|
|
737
735
|
"rechoir": ["rechoir@0.8.0", "", { "dependencies": { "resolve": "^1.20.0" } }, "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ=="],
|
|
738
736
|
|
|
739
|
-
"regenerator-runtime": ["regenerator-runtime@0.14.1", "", {}, "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="],
|
|
740
|
-
|
|
741
737
|
"remove-accents": ["remove-accents@0.5.0", "", {}, "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A=="],
|
|
742
738
|
|
|
743
739
|
"require-from-string": ["require-from-string@2.0.2", "", {}, "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="],
|
|
@@ -846,7 +842,7 @@
|
|
|
846
842
|
|
|
847
843
|
"watchpack": ["watchpack@2.4.4", "", { "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" } }, "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA=="],
|
|
848
844
|
|
|
849
|
-
"webpack": ["webpack@5.102.
|
|
845
|
+
"webpack": ["webpack@5.102.1", "", { "dependencies": { "@types/eslint-scope": "^3.7.7", "@types/estree": "^1.0.8", "@types/json-schema": "^7.0.15", "@webassemblyjs/ast": "^1.14.1", "@webassemblyjs/wasm-edit": "^1.14.1", "@webassemblyjs/wasm-parser": "^1.14.1", "acorn": "^8.15.0", "acorn-import-phases": "^1.0.3", "browserslist": "^4.26.3", "chrome-trace-event": "^1.0.2", "enhanced-resolve": "^5.17.3", "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.2.11", "json-parse-even-better-errors": "^2.3.1", "loader-runner": "^4.2.0", "mime-types": "^2.1.27", "neo-async": "^2.6.2", "schema-utils": "^4.3.3", "tapable": "^2.3.0", "terser-webpack-plugin": "^5.3.11", "watchpack": "^2.4.4", "webpack-sources": "^3.3.3" }, "bin": { "webpack": "bin/webpack.js" } }, "sha512-7h/weGm9d/ywQ6qzJ+Xy+r9n/3qgp/thalBbpOi5i223dPXKi04IBtqPN9nTd+jBc7QKfvDbaBnFipYp4sJAUQ=="],
|
|
850
846
|
|
|
851
847
|
"webpack-cli": ["webpack-cli@6.0.1", "", { "dependencies": { "@discoveryjs/json-ext": "^0.6.1", "@webpack-cli/configtest": "^3.0.1", "@webpack-cli/info": "^3.0.1", "@webpack-cli/serve": "^3.0.1", "colorette": "^2.0.14", "commander": "^12.1.0", "cross-spawn": "^7.0.3", "envinfo": "^7.14.0", "fastest-levenshtein": "^1.0.12", "import-local": "^3.0.2", "interpret": "^3.1.1", "rechoir": "^0.8.0", "webpack-merge": "^6.0.1" }, "peerDependencies": { "webpack": "^5.82.0" }, "bin": { "webpack-cli": "./bin/cli.js" } }, "sha512-MfwFQ6SfwinsUVi0rNJm7rHZ31GyTcpVE5pgVA3hwFRb7COD4TzjUUwhGWKfO50+xdc2MQPuEBBJoqIMGt3JDw=="],
|
|
852
848
|
|
|
@@ -882,6 +878,10 @@
|
|
|
882
878
|
|
|
883
879
|
"@humanfs/node/@humanwhocodes/retry": ["@humanwhocodes/retry@0.3.1", "", {}, "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA=="],
|
|
884
880
|
|
|
881
|
+
"@types/eslint/@types/estree": ["@types/estree@1.0.7", "", {}, "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ=="],
|
|
882
|
+
|
|
883
|
+
"@types/eslint-scope/@types/estree": ["@types/estree@1.0.7", "", {}, "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ=="],
|
|
884
|
+
|
|
885
885
|
"ajv-formats/ajv": ["ajv@8.17.1", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g=="],
|
|
886
886
|
|
|
887
887
|
"ajv-keywords/ajv": ["ajv@8.17.1", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g=="],
|
|
@@ -972,10 +972,10 @@
|
|
|
972
972
|
|
|
973
973
|
"terser-webpack-plugin/jest-worker": ["jest-worker@27.5.1", "", { "dependencies": { "@types/node": "*", "merge-stream": "^2.0.0", "supports-color": "^8.0.0" } }, "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg=="],
|
|
974
974
|
|
|
975
|
-
"webpack/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
|
|
976
|
-
|
|
977
975
|
"webpack/eslint-scope": ["eslint-scope@5.1.1", "", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^4.1.1" } }, "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw=="],
|
|
978
976
|
|
|
977
|
+
"webpack/schema-utils": ["schema-utils@4.3.3", "", { "dependencies": { "@types/json-schema": "^7.0.9", "ajv": "^8.9.0", "ajv-formats": "^2.1.1", "ajv-keywords": "^5.1.0" } }, "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA=="],
|
|
978
|
+
|
|
979
979
|
"webpack/tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
|
|
980
980
|
|
|
981
981
|
"webpack-cli/commander": ["commander@12.1.0", "", {}, "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA=="],
|
|
@@ -1070,6 +1070,8 @@
|
|
|
1070
1070
|
|
|
1071
1071
|
"webpack/eslint-scope/estraverse": ["estraverse@4.3.0", "", {}, "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw=="],
|
|
1072
1072
|
|
|
1073
|
+
"webpack/schema-utils/ajv": ["ajv@8.17.1", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g=="],
|
|
1074
|
+
|
|
1073
1075
|
"wrap-ansi/string-width/emoji-regex": ["emoji-regex@10.4.0", "", {}, "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="],
|
|
1074
1076
|
|
|
1075
1077
|
"wrap-ansi/strip-ansi/ansi-regex": ["ansi-regex@6.1.0", "", {}, "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="],
|
|
@@ -1078,6 +1080,8 @@
|
|
|
1078
1080
|
|
|
1079
1081
|
"pkg-dir/find-up/locate-path/p-locate": ["p-locate@4.1.0", "", { "dependencies": { "p-limit": "^2.2.0" } }, "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A=="],
|
|
1080
1082
|
|
|
1083
|
+
"webpack/schema-utils/ajv/json-schema-traverse": ["json-schema-traverse@1.0.0", "", {}, "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="],
|
|
1084
|
+
|
|
1081
1085
|
"pkg-dir/find-up/locate-path/p-locate/p-limit": ["p-limit@2.3.0", "", { "dependencies": { "p-try": "^2.0.0" } }, "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w=="],
|
|
1082
1086
|
}
|
|
1083
1087
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eightshift/frontend-libs-tailwind",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "A framework for creating modern Gutenberg themes with styling provided by Tailwind CSS.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Eightshift team",
|
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
"@stylistic/eslint-plugin-js": "^4.4.1",
|
|
38
38
|
"@stylistic/stylelint-plugin": "^4.0.0",
|
|
39
39
|
"@swc/core": "^1.13.5",
|
|
40
|
-
"@wordpress/dependency-extraction-webpack-plugin": "^6.
|
|
40
|
+
"@wordpress/dependency-extraction-webpack-plugin": "^6.33.0",
|
|
41
41
|
"browserslist": "^4.26.3",
|
|
42
42
|
"css-loader": "^7.1.2",
|
|
43
43
|
"css-minimizer-webpack-plugin": "^7.0.2",
|
|
44
|
-
"eslint": "^9.
|
|
44
|
+
"eslint": "^9.38.0",
|
|
45
45
|
"eslint-config-prettier": "^10.1.8",
|
|
46
46
|
"eslint-plugin-prettier": "^5.5.4",
|
|
47
47
|
"globals": "^16.4.0",
|
|
@@ -51,23 +51,23 @@
|
|
|
51
51
|
"postcss": "^8.5.6",
|
|
52
52
|
"postcss-loader": "^8.2.0",
|
|
53
53
|
"prettier": "^3.6.2",
|
|
54
|
-
"prettier-plugin-tailwindcss": "^0.
|
|
54
|
+
"prettier-plugin-tailwindcss": "^0.7.1",
|
|
55
55
|
"sonner": "^2.0.7",
|
|
56
56
|
"stylelint": "^16.25.0",
|
|
57
57
|
"stylelint-config-standard": "^39.0.1",
|
|
58
58
|
"swc-loader": "^0.2.6",
|
|
59
59
|
"terser-webpack-plugin": "^5.3.14",
|
|
60
|
-
"webpack": "^5.102.
|
|
60
|
+
"webpack": "^5.102.1",
|
|
61
61
|
"webpack-cli": "^6.0.1",
|
|
62
62
|
"webpack-manifest-plugin": "^5.0.1",
|
|
63
63
|
"webpack-merge": "^6.0.1"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"lint-staged": "^16.2.
|
|
67
|
-
"@wordpress/api-fetch": "^7.
|
|
66
|
+
"lint-staged": "^16.2.5",
|
|
67
|
+
"@wordpress/api-fetch": "^7.33.0"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
|
-
"@eightshift/ui-components": "^5.
|
|
70
|
+
"@eightshift/ui-components": "^5.6.1"
|
|
71
71
|
},
|
|
72
72
|
"sideEffects": false,
|
|
73
73
|
"lint-staged": {
|
|
@@ -51,11 +51,6 @@ export const ManageFileButton = (props) => {
|
|
|
51
51
|
|
|
52
52
|
const strings = {
|
|
53
53
|
file: {
|
|
54
|
-
buttonTooltip: {
|
|
55
|
-
browse: __('Select a file from Media library', 'eightshift-frontend-libs-tailwind'),
|
|
56
|
-
upload: __('Upload a file', 'eightshift-frontend-libs-tailwind'),
|
|
57
|
-
replace: __('Replace file', 'eightshift-frontend-libs-tailwind'),
|
|
58
|
-
},
|
|
59
54
|
buttonLabel: {
|
|
60
55
|
browse: __('Select', 'eightshift-frontend-libs-tailwind'),
|
|
61
56
|
upload: __('Upload', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -73,11 +68,6 @@ export const ManageFileButton = (props) => {
|
|
|
73
68
|
},
|
|
74
69
|
},
|
|
75
70
|
video: {
|
|
76
|
-
buttonTooltip: {
|
|
77
|
-
browse: __('Select a video from Media library', 'eightshift-frontend-libs-tailwind'),
|
|
78
|
-
upload: __('Upload a video', 'eightshift-frontend-libs-tailwind'),
|
|
79
|
-
replace: __('Replace video', 'eightshift-frontend-libs-tailwind'),
|
|
80
|
-
},
|
|
81
71
|
modalTitle: {
|
|
82
72
|
browse: __('Select a video', 'eightshift-frontend-libs-tailwind'),
|
|
83
73
|
upload: __('Upload a video', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -85,11 +75,6 @@ export const ManageFileButton = (props) => {
|
|
|
85
75
|
},
|
|
86
76
|
},
|
|
87
77
|
image: {
|
|
88
|
-
buttonTooltip: {
|
|
89
|
-
browse: __('Select an image from Media library', 'eightshift-frontend-libs-tailwind'),
|
|
90
|
-
upload: __('Upload an image', 'eightshift-frontend-libs-tailwind'),
|
|
91
|
-
replace: __('Replace image', 'eightshift-frontend-libs-tailwind'),
|
|
92
|
-
},
|
|
93
78
|
modalTitle: {
|
|
94
79
|
browse: __('Select an image', 'eightshift-frontend-libs-tailwind'),
|
|
95
80
|
upload: __('Upload an image', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -97,11 +82,6 @@ export const ManageFileButton = (props) => {
|
|
|
97
82
|
},
|
|
98
83
|
},
|
|
99
84
|
subtitle: {
|
|
100
|
-
buttonTooltip: {
|
|
101
|
-
browse: __('Select a subtitle file', 'eightshift-frontend-libs-tailwind'),
|
|
102
|
-
upload: __('Upload a subtitle file', 'eightshift-frontend-libs-tailwind'),
|
|
103
|
-
replace: __('Replace subtitle file', 'eightshift-frontend-libs-tailwind'),
|
|
104
|
-
},
|
|
105
85
|
modalTitle: {
|
|
106
86
|
browse: __('Select a subtitle file', 'eightshift-frontend-libs-tailwind'),
|
|
107
87
|
upload: __('Upload a subtitle file', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -109,11 +89,6 @@ export const ManageFileButton = (props) => {
|
|
|
109
89
|
},
|
|
110
90
|
},
|
|
111
91
|
geoJson: {
|
|
112
|
-
buttonTooltip: {
|
|
113
|
-
browse: __('Select a GeoJSON file', 'eightshift-frontend-libs-tailwind'),
|
|
114
|
-
upload: __('Upload a GeoJSON file', 'eightshift-frontend-libs-tailwind'),
|
|
115
|
-
replace: __('Replace GeoJSON file', 'eightshift-frontend-libs-tailwind'),
|
|
116
|
-
},
|
|
117
92
|
modalTitle: {
|
|
118
93
|
browse: __('Select a GeoJSON file', 'eightshift-frontend-libs-tailwind'),
|
|
119
94
|
upload: __('Upload a GeoJSON file', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -121,11 +96,6 @@ export const ManageFileButton = (props) => {
|
|
|
121
96
|
},
|
|
122
97
|
},
|
|
123
98
|
lottie: {
|
|
124
|
-
buttonTooltip: {
|
|
125
|
-
browse: __('Select a Lottie animation', 'eightshift-frontend-libs-tailwind'),
|
|
126
|
-
upload: __('Upload a Lottie animation', 'eightshift-frontend-libs-tailwind'),
|
|
127
|
-
replace: __('Replace Lottie animation', 'eightshift-frontend-libs-tailwind'),
|
|
128
|
-
},
|
|
129
99
|
modalTitle: {
|
|
130
100
|
browse: __('Select a Lottie animation', 'eightshift-frontend-libs-tailwind'),
|
|
131
101
|
upload: __('Upload a Lottie animation', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -133,11 +103,6 @@ export const ManageFileButton = (props) => {
|
|
|
133
103
|
},
|
|
134
104
|
},
|
|
135
105
|
rive: {
|
|
136
|
-
buttonTooltip: {
|
|
137
|
-
browse: __('Select a Rive animation', 'eightshift-frontend-libs-tailwind'),
|
|
138
|
-
upload: __('Upload a Rive animation', 'eightshift-frontend-libs-tailwind'),
|
|
139
|
-
replace: __('Replace Rive animation', 'eightshift-frontend-libs-tailwind'),
|
|
140
|
-
},
|
|
141
106
|
modalTitle: {
|
|
142
107
|
browse: __('Select a Rive animation', 'eightshift-frontend-libs-tailwind'),
|
|
143
108
|
upload: __('Upload a Rive animation', 'eightshift-frontend-libs-tailwind'),
|
|
@@ -145,14 +110,12 @@ export const ManageFileButton = (props) => {
|
|
|
145
110
|
},
|
|
146
111
|
},
|
|
147
112
|
custom: {
|
|
148
|
-
buttonTooltip: labels?.buttonTooltip,
|
|
149
113
|
buttonLabel: labels?.buttonLabel,
|
|
150
114
|
modalTitle: labels?.modalTitle,
|
|
151
115
|
buttonIcon: labels?.buttonIcon,
|
|
152
116
|
},
|
|
153
117
|
};
|
|
154
118
|
|
|
155
|
-
const buttonTooltip = strings?.[kind]?.buttonTooltip?.[type] ?? strings.file.buttonTooltip?.[type];
|
|
156
119
|
const buttonLabel = strings?.[kind]?.buttonLabel?.[type] ?? strings.file.buttonLabel?.[type];
|
|
157
120
|
const buttonIcon = strings?.[kind]?.buttonIcon?.[type] ?? strings.file.buttonIcon?.[type];
|
|
158
121
|
const modalTitle = strings?.[kind]?.modalTitle?.[type] ?? strings.file.modalTitle?.[type];
|
|
@@ -216,17 +179,6 @@ export const FileSelector = (props) => {
|
|
|
216
179
|
labels,
|
|
217
180
|
};
|
|
218
181
|
|
|
219
|
-
const removeTooltips = {
|
|
220
|
-
file: __('Remove file', 'eightshift-frontend-libs-tailwind'),
|
|
221
|
-
image: __('Remove image', 'eightshift-frontend-libs-tailwind'),
|
|
222
|
-
video: __('Remove video', 'eightshift-frontend-libs-tailwind'),
|
|
223
|
-
subtitle: __('Remove subtitle file', 'eightshift-frontend-libs-tailwind'),
|
|
224
|
-
geoJson: __('Remove GeoJSON file', 'eightshift-frontend-libs-tailwind'),
|
|
225
|
-
lottie: __('Remove Lottie animation', 'eightshift-frontend-libs-tailwind'),
|
|
226
|
-
rive: __('Remove Rive animation', 'eightshift-frontend-libs-tailwind'),
|
|
227
|
-
custom: labels?.removeTooltip,
|
|
228
|
-
};
|
|
229
|
-
|
|
230
182
|
const fileIcons = {
|
|
231
183
|
image: icons.imageFile,
|
|
232
184
|
video: icons.videoFile,
|
|
@@ -256,12 +208,14 @@ export const FileSelector = (props) => {
|
|
|
256
208
|
>
|
|
257
209
|
<ManageFileButton
|
|
258
210
|
{...commonManageFileButtonProps}
|
|
211
|
+
buttonProps={{ className: 'es:grow' }}
|
|
259
212
|
currentId={fileId}
|
|
260
213
|
type='replace'
|
|
261
214
|
/>
|
|
262
215
|
|
|
263
216
|
<Button
|
|
264
217
|
onPress={() => onChange({ id: undefined, url: undefined })}
|
|
218
|
+
className='es:grow'
|
|
265
219
|
hidden={noDelete}
|
|
266
220
|
>
|
|
267
221
|
{__('Remove', 'eightshift-frontend-libs-tailwind')}
|
|
@@ -64,23 +64,37 @@ export const MediaPicker = (props) => {
|
|
|
64
64
|
}
|
|
65
65
|
className={className}
|
|
66
66
|
>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
onChange={onChange}
|
|
70
|
-
currentId={imageId}
|
|
71
|
-
allowedTypes={allowedTypes}
|
|
72
|
-
buttonProps={{
|
|
73
|
-
type: 'glass',
|
|
74
|
-
}}
|
|
75
|
-
/>
|
|
67
|
+
{({ isDark, isTransparent }) => {
|
|
68
|
+
let buttonType = 'default';
|
|
76
69
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
70
|
+
if (!isTransparent) {
|
|
71
|
+
buttonType = isDark ? 'glass' : 'glassDark';
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
return (
|
|
75
|
+
<>
|
|
76
|
+
<MediaButton
|
|
77
|
+
type='replace'
|
|
78
|
+
onChange={onChange}
|
|
79
|
+
currentId={imageId}
|
|
80
|
+
allowedTypes={allowedTypes}
|
|
81
|
+
buttonProps={{
|
|
82
|
+
type: buttonType,
|
|
83
|
+
className: 'es:grow',
|
|
84
|
+
}}
|
|
85
|
+
/>
|
|
86
|
+
|
|
87
|
+
<Button
|
|
88
|
+
onPress={() => onChange({ id: undefined, url: undefined })}
|
|
89
|
+
className='es:grow'
|
|
90
|
+
type={buttonType}
|
|
91
|
+
hidden={noDelete}
|
|
92
|
+
>
|
|
93
|
+
{__('Remove', 'eightshift-frontend-libs-tailwind')}
|
|
94
|
+
</Button>
|
|
95
|
+
</>
|
|
96
|
+
);
|
|
97
|
+
}}
|
|
84
98
|
</FilePickerShell>
|
|
85
99
|
);
|
|
86
100
|
};
|
package/scripts/editor/editor.js
CHANGED
|
@@ -90,6 +90,7 @@ export const lockIfUndefined = (blockClientId, attributeKey, value) => {
|
|
|
90
90
|
* @param {JSX.Element?} [props.editor] - Editor component
|
|
91
91
|
* @param {JSX.Element?} [props.toolbarPortalElement] - Portal override element to use for toolbar. Set to `false` to disable.
|
|
92
92
|
* @param {JSX.Element?} [props.editorPortalElement] - Portal override element to use for editor view. Set to `false` to disable.
|
|
93
|
+
* @param {JSX.Element?} [props.optionsPortalElement] - Portal override element to use for options view. Set to `false` to disable.
|
|
93
94
|
* @param {boolean} [props.noOptionsContainer] - If `true`, the options component will not be wrapped in a container.
|
|
94
95
|
* @param {string} props.title - Block name. Will fall back to a name generated from the `blockName` attribute.
|
|
95
96
|
*
|
|
@@ -116,12 +117,26 @@ export const GutenbergBlock = (props) => {
|
|
|
116
117
|
?.document?.body,
|
|
117
118
|
editorPortalElement = document.querySelector('.block-editor-iframe__scale-container > iframe')?.contentWindow
|
|
118
119
|
?.document?.body,
|
|
120
|
+
optionsPortalElement = document?.body,
|
|
119
121
|
title,
|
|
120
122
|
} = props;
|
|
121
123
|
|
|
122
124
|
return (
|
|
123
125
|
<>
|
|
124
|
-
{OptionsComponent && (
|
|
126
|
+
{OptionsComponent && optionsPortalElement && (
|
|
127
|
+
<PortalProvider portalElement={optionsPortalElement}>
|
|
128
|
+
<InspectorControls>
|
|
129
|
+
{!noOptionsContainer && (
|
|
130
|
+
<ContainerPanel title={title ?? upperFirst(props?.attributes?.blockName)}>
|
|
131
|
+
<OptionsComponent {...props} />
|
|
132
|
+
</ContainerPanel>
|
|
133
|
+
)}
|
|
134
|
+
{noOptionsContainer && <OptionsComponent {...props} />}
|
|
135
|
+
</InspectorControls>
|
|
136
|
+
</PortalProvider>
|
|
137
|
+
)}
|
|
138
|
+
|
|
139
|
+
{OptionsComponent && !optionsPortalElement && (
|
|
125
140
|
<InspectorControls>
|
|
126
141
|
{!noOptionsContainer && (
|
|
127
142
|
<ContainerPanel title={title ?? upperFirst(props?.attributes?.blockName)}>
|