@eightshift/ui-components 1.6.0 → 1.6.1
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.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +1 -1
- package/dist/components/options-panel/options-panel.js +16 -4
- package/dist/components/select/async-single-select.js +3 -1
- package/dist/components/select/single-select.js +3 -1
- package/dist/components/select/styles.js +1 -1
- package/dist/components/tabs/tabs.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.editor-document-tools__left .components-button,.editor-header__center .components-button,.editor-header__settings .components-button,.edit-post-sidebar .components-button:not(:-webkit-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button,.edit-post-text-editor__toolbar .components-button,.edit-post-text-editor__body .components-textarea-control__input,.media-modal-content,.media-modal-content .components-button,.components-guide__container .components-button,.components-notice__content .components-button,.editor-post-featured-image__toggle.components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.editor-document-tools__left .components-button,.editor-header__center .components-button,.editor-header__settings .components-button,.edit-post-sidebar .components-button:not(:-moz-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button,.edit-post-text-editor__toolbar .components-button,.edit-post-text-editor__body .components-textarea-control__input,.media-modal-content,.media-modal-content .components-button,.components-guide__container .components-button,.components-notice__content .components-button,.editor-post-featured-image__toggle.components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.editor-document-tools__left .components-button,.editor-header__center .components-button,.editor-header__settings .components-button,.edit-post-sidebar .components-button:not(:is(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button,.edit-post-text-editor__toolbar .components-button,.edit-post-text-editor__body .components-textarea-control__input,.media-modal-content,.media-modal-content .components-button,.components-guide__container .components-button,.components-notice__content .components-button,.editor-post-featured-image__toggle.components-button{border-radius:.375rem!important}.components-input-control__container,.components-combobox-control__suggestions-container,.components-checkbox-control__input,button.components-toggle-group-control-option-base,.editor-post-visibility__password-input{border-radius:.25rem!important}.components-button-group .components-button:first-child{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.components-button-group .components-button:last-child{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.components-popover__content,.components-guide{border-radius:.5rem!important}.block-editor-inserter__search{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.media-menu-item.active{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.components-base-control__label,.components-input-control__label,.components-custom-select-control__label{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:400!important}.edit-post-sidebar,.interface-interface-skeleton__sidebar:not(:empty)>.interface-complementary-area__fill[style="width: 280px;"],.interface-complementary-area.editor-sidebar{width:20rem!important}.block-
|
|
1
|
+
.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.editor-document-tools__left .components-button,.editor-header__center .components-button,.editor-header__settings .components-button,.edit-post-sidebar .components-button:not(:-webkit-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button,.edit-post-text-editor__toolbar .components-button,.edit-post-text-editor__body .components-textarea-control__input,.media-modal-content,.media-modal-content .components-button,.components-guide__container .components-button,.components-notice__content .components-button,.editor-post-featured-image__toggle.components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.editor-document-tools__left .components-button,.editor-header__center .components-button,.editor-header__settings .components-button,.edit-post-sidebar .components-button:not(:-moz-any(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button,.edit-post-text-editor__toolbar .components-button,.edit-post-text-editor__body .components-textarea-control__input,.media-modal-content,.media-modal-content .components-button,.components-guide__container .components-button,.components-notice__content .components-button,.editor-post-featured-image__toggle.components-button{border-radius:.375rem!important}.edit-post-header__toolbar .components-button,.edit-post-header__settings .components-button,.editor-document-tools__left .components-button,.editor-header__center .components-button,.editor-header__settings .components-button,.edit-post-sidebar .components-button:not(:is(.components-panel__body-toggle,.editor-post-last-revision__title)),.components-snackbar,.components-toggle-group-control,.editor-post-publish-panel .components-button,.edit-post-text-editor__toolbar .components-button,.edit-post-text-editor__body .components-textarea-control__input,.media-modal-content,.media-modal-content .components-button,.components-guide__container .components-button,.components-notice__content .components-button,.editor-post-featured-image__toggle.components-button{border-radius:.375rem!important}.components-input-control__container,.components-combobox-control__suggestions-container,.components-checkbox-control__input,button.components-toggle-group-control-option-base,.editor-post-visibility__password-input{border-radius:.25rem!important}.components-button-group .components-button:first-child{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.components-button-group .components-button:last-child{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.components-popover__content,.components-guide{border-radius:.5rem!important}.block-editor-inserter__search{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.media-menu-item.active{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.components-base-control__label,.components-input-control__label,.components-custom-select-control__label{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:400!important}.edit-post-sidebar,.interface-interface-skeleton__sidebar:not(:empty)>.interface-complementary-area__fill[style="width: 280px;"],.interface-complementary-area.editor-sidebar{width:20rem!important}.block-editor-block-list__block-crash-warning{--tw-shadow:var(--tw-shadow-colored)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;--tw-shadow-color:#b91c1c1a!important;border-color:#b91c1c26!important;border-radius:.5rem!important}.block-editor-block-list__block-crash-warning .block-editor-warning__message{--tw-text-opacity:1!important;color:rgb(69 10 10/var(--tw-text-opacity))!important}.wp-block-missing div.block-editor-warning{--tw-border-opacity:1!important;border-color:rgb(212 212 216/var(--tw-border-opacity))!important;--tw-shadow:var(--tw-shadow-colored)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;--tw-shadow-color:#3f3f4633!important;background-color:#fafafabf!important;border-radius:.5rem!important}.wp-block-missing div.block-editor-warning .block-editor-warning__message{--tw-text-opacity:1!important;color:rgb(9 9 11/var(--tw-text-opacity))!important}.block-editor-block-contextual-toolbar,.block-editor-block-parent-selector__button{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item{border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item:after{content:var(--tw-content)!important;border-radius:.5rem!important}.block-editor-block-types-list .block-editor-block-types-list__item svg{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.block-editor-list-view-tree .block-editor-block-icon{border-radius:.25rem!important}.block-editor-list-view-tree .block-editor-list-view-leaf>:first-child{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.block-editor-list-view-tree .block-editor-list-view-leaf>:last-child{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.block-editor-block-inspector .block-editor-block-card .block-editor-block-icon{border-radius:.25rem!important}.block-editor-inserter__toggle{border-radius:.375rem!important}:is(.edit-post-header__toolbar,.edit-post-header__settings,.editor-document-tools__left,.editor-header__center,.editor-header__settings) .components-button{min-height:2.25rem!important}:is(.edit-post-header__toolbar,.edit-post-header__settings,.editor-document-tools__left,.editor-header__center,.editor-header__settings) .components-button{min-width:2.25rem!important}.editor-styles-wrapper .wp-block:not(:-webkit-any(.editor-post-title,.block-list-appender)){max-width:100%!important}.editor-styles-wrapper .wp-block:not(:-moz-any(.editor-post-title,.block-list-appender)){max-width:100%!important}.editor-styles-wrapper .wp-block:not(:is(.editor-post-title,.block-list-appender)){max-width:100%!important}.components-tooltip{--tw-border-opacity:1;border-width:1px;border-color:rgb(31 41 55/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);--tw-backdrop-brightness:brightness(1.05);--tw-backdrop-saturate:saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);background-color:#030712b3;padding:.125rem .25rem;border-radius:.375rem!important}.components-tooltip:has(>:first-child){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));background-color:#fffc}
|
|
@@ -14,6 +14,7 @@ import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-DG
|
|
|
14
14
|
* @param {JSX.Element} [props.icon] - Icon to display on the top of the panel.
|
|
15
15
|
* @param {string} [props.subtitle] - Subtitle to display on the top of the panel.
|
|
16
16
|
* @param {string} [props.help] - Help text to show below the panel.
|
|
17
|
+
* @param {boolean} [props.hidden] - If `true`, the component is not rendered.
|
|
17
18
|
*
|
|
18
19
|
* @returns {JSX.Element} The OptionsPanel component.
|
|
19
20
|
*
|
|
@@ -25,7 +26,10 @@ import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-DG
|
|
|
25
26
|
* @preserve
|
|
26
27
|
*/
|
|
27
28
|
const OptionsPanel = (props) => {
|
|
28
|
-
const { children, className, title, icon, subtitle, help } = props;
|
|
29
|
+
const { children, className, title, icon, subtitle, help, hidden } = props;
|
|
30
|
+
if (hidden) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
29
33
|
return /* @__PURE__ */ jsxs("div", { className: clsx("es-uic-max-w-md", className), children: [
|
|
30
34
|
title && /* @__PURE__ */ jsx(
|
|
31
35
|
RichLabel,
|
|
@@ -46,6 +50,7 @@ const OptionsPanel = (props) => {
|
|
|
46
50
|
* @component
|
|
47
51
|
* @param {Object} props - Component props.
|
|
48
52
|
* @param {string} [props.className] - Classes to pass to the container.
|
|
53
|
+
* @param {boolean} [props.hidden] - If `true`, the component is not rendered.
|
|
49
54
|
*
|
|
50
55
|
* @returns {JSX.Element} The OptionsPanelSection component.
|
|
51
56
|
*
|
|
@@ -56,7 +61,10 @@ const OptionsPanel = (props) => {
|
|
|
56
61
|
*
|
|
57
62
|
* @preserve
|
|
58
63
|
*/
|
|
59
|
-
const OptionsPanelSection = ({ children, className }) => {
|
|
64
|
+
const OptionsPanelSection = ({ children, className, hidden }) => {
|
|
65
|
+
if (hidden) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
60
68
|
return /* @__PURE__ */ jsx(
|
|
61
69
|
"div",
|
|
62
70
|
{
|
|
@@ -78,6 +86,7 @@ const OptionsPanelSection = ({ children, className }) => {
|
|
|
78
86
|
* @param {Number} [props.level=2] - Heading level of the title.
|
|
79
87
|
* @param {string} [props.className] - Classes to pass to the container.
|
|
80
88
|
* @param {JSX.Element|JSX.Element[]} [props.actions] - Controls to show on the right side of the header.
|
|
89
|
+
* @param {boolean} [props.hidden] - If `true`, the component is not rendered.
|
|
81
90
|
*
|
|
82
91
|
* @returns {JSX.Element} The OptionsPanelHeader component.
|
|
83
92
|
*
|
|
@@ -88,13 +97,16 @@ const OptionsPanelSection = ({ children, className }) => {
|
|
|
88
97
|
*
|
|
89
98
|
* @preserve
|
|
90
99
|
*/
|
|
91
|
-
const OptionsPanelHeader = ({ children, sticky, title, className, actions, level = 2 }) => {
|
|
100
|
+
const OptionsPanelHeader = ({ children, sticky, title, className, actions, level = 2, hidden }) => {
|
|
101
|
+
if (hidden) {
|
|
102
|
+
return null;
|
|
103
|
+
}
|
|
92
104
|
return /* @__PURE__ */ jsxs("div", { className: clsx("es-uic-max-w-md es-uic-space-y-2.5", sticky && "es-uic-sticky es-uic-top-0 es-uic-z-10", className), children: [
|
|
93
105
|
/* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-flex-wrap es-uic-items-center es-uic-justify-between es-uic-gap-x-8 es-uic-gap-y-4", children: [
|
|
94
106
|
/* @__PURE__ */ jsx(
|
|
95
107
|
$5cb03073d3f54797$export$a8a3e93435678ff9,
|
|
96
108
|
{
|
|
97
|
-
className: "es-uic-text-
|
|
109
|
+
className: "es-uic-text-2xl es-uic-font-medium es-uic-tracking-tight",
|
|
98
110
|
level,
|
|
99
111
|
children: title
|
|
100
112
|
}
|
|
@@ -106,7 +106,9 @@ const AsyncSelect = (props) => {
|
|
|
106
106
|
defaultOptions: preloadOptions,
|
|
107
107
|
value,
|
|
108
108
|
onChange: (value2) => {
|
|
109
|
-
|
|
109
|
+
if (value2 && "id" in value2) {
|
|
110
|
+
delete value2.id;
|
|
111
|
+
}
|
|
110
112
|
onChange(value2);
|
|
111
113
|
},
|
|
112
114
|
closeMenuOnSelect: !keepMenuOpenAfterSelect,
|
|
@@ -16,7 +16,7 @@ const multiValueLabelStyles = "es-uic-select-none";
|
|
|
16
16
|
const multiValueRemoveStyles = "hover:es-uic-bg-red-500/15 hover:es-uic-text-red-900 es-uic-text-gray-500 es-uic-rounded es-uic-p-0.5 [&>svg]:es-uic-size-3.5 [&>svg]:es-uic-stroke-[1.5] es-uic-transition";
|
|
17
17
|
const clearIndicatorStyles = "es-uic-text-gray-500 es-uic-p-1 es-uic-rounded-md hover:bg-red-50 hover:text-red-800 es-uic-transition";
|
|
18
18
|
const dropdownIndicatorStyles = "es-uic-text-gray-500 es-uic-px-1 group-hover:es-uic-text-black [&>svg]:es-uic-transition-transform [&>svg]:es-uic-duration-500 [&>svg]:es-uic-size-5.5";
|
|
19
|
-
const menuStyles = "es-uic-
|
|
19
|
+
const menuStyles = "es-uic-z-50 es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden";
|
|
20
20
|
const optionStyles = {
|
|
21
21
|
base: "es-uic-p-2 !es-uic-flex es-uic-items-center es-uic-gap-1.5 es-uic-text-gray-800 es-uic-rounded [&>svg]:es-uic-size-5 [&>svg]:es-uic-text-gray-500 es-uic-transition es-uic-mx-1 first:es-uic-mt-1 last:es-uic-mb-1 !es-uic-w-auto es-uic-min-h-9",
|
|
22
22
|
focus: "es-uic-bg-gray-100 active:es-uic-bg-teal-700/15",
|
|
@@ -531,7 +531,7 @@ const TabList = (props) => {
|
|
|
531
531
|
className: ({ orientation }) => clsx(
|
|
532
532
|
"es-uic-flex",
|
|
533
533
|
orientation === "vertical" && "es-uic-h-full es-uic-flex-col es-uic-gap-px es-uic-pr-1.5",
|
|
534
|
-
orientation === "horizontal" && "es-uic-w-full es-uic-items-
|
|
534
|
+
orientation === "horizontal" && "es-uic-w-full es-uic-items-stretch es-uic-gap-1 es-uic-border-b es-uic-border-b-gray-300",
|
|
535
535
|
className
|
|
536
536
|
),
|
|
537
537
|
...other,
|