fix: prevent asset conflicts between React and Grid.js versions

Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
dwindown
2026-04-18 17:02:14 +07:00
parent bd9cdac02e
commit e8fbfb14c1
74973 changed files with 6658406 additions and 71 deletions

View File

@@ -0,0 +1,76 @@
import { createElement, Fragment } from "react";
/**
* External dependencies
*/
// eslint-disable-next-line no-restricted-imports
import * as Ariakit from '@ariakit/react';
/**
* WordPress dependencies
*/
import { createContext, useContext } from '@wordpress/element';
import { __, sprintf } from '@wordpress/i18n';
/**
* Internal dependencies
*/
import * as Styled from './styles';
export const CustomSelectContext = createContext(undefined);
function defaultRenderSelectedValue(value) {
const isValueEmpty = Array.isArray(value) ? value.length === 0 : value === undefined || value === null;
if (isValueEmpty) {
return __('Select an item');
}
if (Array.isArray(value)) {
return value.length === 1 ? value[0] :
// translators: %s: number of items selected (it will always be 2 or more items)
sprintf(__('%s items selected'), value.length);
}
return value;
}
export function CustomSelect({
children,
defaultValue,
label,
onChange,
size = 'default',
value,
renderSelectedValue,
...props
}) {
const store = Ariakit.useSelectStore({
setValue: nextValue => onChange?.(nextValue),
defaultValue,
value
});
const {
value: currentValue
} = store.useState();
const computedRenderSelectedValue = renderSelectedValue !== null && renderSelectedValue !== void 0 ? renderSelectedValue : defaultRenderSelectedValue;
return createElement(Fragment, null, createElement(Styled.CustomSelectLabel, {
store: store
}, label), createElement(Styled.CustomSelectButton, {
...props,
size: size,
hasCustomRenderProp: !!renderSelectedValue,
store: store
}, computedRenderSelectedValue(currentValue), createElement(Ariakit.SelectArrow, null)), createElement(Styled.CustomSelectPopover, {
gutter: 12,
store: store,
sameWidth: true
}, createElement(CustomSelectContext.Provider, {
value: {
store
}
}, children)));
}
export function CustomSelectItem({
children,
...props
}) {
const customSelectContext = useContext(CustomSelectContext);
return createElement(Styled.CustomSelectItem, {
store: customSelectContext?.store,
...props
}, children !== null && children !== void 0 ? children : props.value, createElement(Ariakit.SelectItemCheck, null));
}
//# sourceMappingURL=index.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,71 @@
import _styled from "@emotion/styled/base";
/**
* External dependencies
*/
// eslint-disable-next-line no-restricted-imports
import * as Ariakit from '@ariakit/react';
/**
* Internal dependencies
*/
import { COLORS } from '../utils';
import { space } from '../utils/space';
export const CustomSelectLabel = /*#__PURE__*/_styled(Ariakit.SelectLabel, process.env.NODE_ENV === "production" ? {
target: "e1p3eej73"
} : {
target: "e1p3eej73",
label: "CustomSelectLabel"
})("font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjOEQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jdXN0b20tc2VsZWN0LWNvbnRyb2wtdjIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0ICogYXMgQXJpYWtpdCBmcm9tICdAYXJpYWtpdC9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHR5cGUgeyBDdXN0b21TZWxlY3RQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0TGFiZWwgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0TGFiZWwgKWBcblx0Zm9udC1zaXplOiAxMXB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5jb25zdCBpbnB1dEhlaWdodHMgPSB7XG5cdGRlZmF1bHQ6IDQwLFxuXHRzbWFsbDogMjQsXG59O1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0QnV0dG9uID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdCwge1xuXHQvLyBEbyBub3QgZm9yd2FyZCBgaGFzQ3VzdG9tUmVuZGVyUHJvcGAgdG8gdGhlIHVuZGVybHlpbmcgQXJpYWtpdC5TZWxlY3QgY29tcG9uZW50XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3AgKSA9PiBwcm9wICE9PSAnaGFzQ3VzdG9tUmVuZGVyUHJvcCcsXG59ICkoICgge1xuXHRzaXplLFxuXHRoYXNDdXN0b21SZW5kZXJQcm9wLFxufToge1xuXHRzaXplOiBOb25OdWxsYWJsZTwgQ3VzdG9tU2VsZWN0UHJvcHNbICdzaXplJyBdID47XG5cdGhhc0N1c3RvbVJlbmRlclByb3A6IGJvb2xlYW47XG59ICkgPT4ge1xuXHRjb25zdCBpc1NtYWxsU2l6ZSA9IHNpemUgPT09ICdzbWFsbCcgJiYgISBoYXNDdXN0b21SZW5kZXJQcm9wO1xuXHRjb25zdCBoZWlnaHRQcm9wZXJ0eSA9IGhhc0N1c3RvbVJlbmRlclByb3AgPyAnbWluSGVpZ2h0JyA6ICdoZWlnaHQnO1xuXG5cdHJldHVybiB7XG5cdFx0ZGlzcGxheTogJ2ZsZXgnLFxuXHRcdGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG5cdFx0YWxpZ25JdGVtczogJ2NlbnRlcicsXG5cdFx0YmFja2dyb3VuZENvbG9yOiBDT0xPUlMud2hpdGUsXG5cdFx0Ym9yZGVyOiBgMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA2MDAgXSB9YCxcblx0XHRib3JkZXJSYWRpdXM6IHNwYWNlKCAwLjUgKSxcblx0XHRjdXJzb3I6ICdwb2ludGVyJyxcblx0XHR3aWR0aDogJzEwMCUnLFxuXHRcdFsgaGVpZ2h0UHJvcGVydHkgXTogYCR7IGlucHV0SGVpZ2h0c1sgc2l6ZSBdIH1weGAsXG5cdFx0cGFkZGluZzogaXNTbWFsbFNpemUgPyBzcGFjZSggMiApIDogc3BhY2UoIDQgKSxcblx0XHRmb250U2l6ZTogaXNTbWFsbFNpemUgPyAnMTFweCcgOiAnMTNweCcsXG5cdFx0JyZbZGF0YS1mb2N1cy12aXNpYmxlXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogJ3NvbGlkJyxcblx0XHR9LFxuXHRcdCcmW2FyaWEtZXhwYW5kZWQ9XCJ0cnVlXCJdJzoge1xuXHRcdFx0b3V0bGluZVN0eWxlOiBgMS41cHggc29saWQgJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9YCxcblx0XHR9LFxuXHR9O1xufSApO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0UG9wb3ZlciA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RQb3BvdmVyIClgXG5cdGJvcmRlci1yYWRpdXM6ICR7IHNwYWNlKCAwLjUgKSB9O1xuXHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5gO1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tU2VsZWN0SXRlbSA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3RJdGVtIClgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogJHsgc3BhY2UoIDIgKSB9O1xuXHQmW2RhdGEtYWN0aXZlLWl0ZW1dIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgMzAwIF0gfTtcblx0fVxuYDtcbiJdfQ== */"));
const inputHeights = {
default: 40,
small: 24
};
export const CustomSelectButton = /*#__PURE__*/_styled(Ariakit.Select, process.env.NODE_ENV === "production" ? {
// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component
shouldForwardProp: prop => prop !== 'hasCustomRenderProp',
target: "e1p3eej72"
} : {
// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component
shouldForwardProp: prop => prop !== 'hasCustomRenderProp',
target: "e1p3eej72",
label: "CustomSelectButton"
})(({
size,
hasCustomRenderProp
}) => {
const isSmallSize = size === 'small' && !hasCustomRenderProp;
const heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';
return {
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
backgroundColor: COLORS.white,
border: `1px solid ${COLORS.gray[600]}`,
borderRadius: space(0.5),
cursor: 'pointer',
width: '100%',
[heightProperty]: `${inputHeights[size]}px`,
padding: isSmallSize ? space(2) : space(4),
fontSize: isSmallSize ? '11px' : '13px',
'&[data-focus-visible]': {
outlineStyle: 'solid'
},
'&[aria-expanded="true"]': {
outlineStyle: `1.5px solid ${COLORS.theme.accent}`
}
};
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmtDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0UHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdExhYmVsID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdExhYmVsIClgXG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IDEuNDtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuY29uc3QgaW5wdXRIZWlnaHRzID0ge1xuXHRkZWZhdWx0OiA0MCxcblx0c21hbGw6IDI0LFxufTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEJ1dHRvbiA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3QsIHtcblx0Ly8gRG8gbm90IGZvcndhcmQgYGhhc0N1c3RvbVJlbmRlclByb3BgIHRvIHRoZSB1bmRlcmx5aW5nIEFyaWFraXQuU2VsZWN0IGNvbXBvbmVudFxuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wICkgPT4gcHJvcCAhPT0gJ2hhc0N1c3RvbVJlbmRlclByb3AnLFxufSApKCAoIHtcblx0c2l6ZSxcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcCxcbn06IHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IEN1c3RvbVNlbGVjdFByb3BzWyAnc2l6ZScgXSA+O1xuXHRoYXNDdXN0b21SZW5kZXJQcm9wOiBib29sZWFuO1xufSApID0+IHtcblx0Y29uc3QgaXNTbWFsbFNpemUgPSBzaXplID09PSAnc21hbGwnICYmICEgaGFzQ3VzdG9tUmVuZGVyUHJvcDtcblx0Y29uc3QgaGVpZ2h0UHJvcGVydHkgPSBoYXNDdXN0b21SZW5kZXJQcm9wID8gJ21pbkhlaWdodCcgOiAnaGVpZ2h0JztcblxuXHRyZXR1cm4ge1xuXHRcdGRpc3BsYXk6ICdmbGV4Jyxcblx0XHRqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuXHRcdGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXHRcdGJhY2tncm91bmRDb2xvcjogQ09MT1JTLndoaXRlLFxuXHRcdGJvcmRlcjogYDFweCBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNjAwIF0gfWAsXG5cdFx0Ym9yZGVyUmFkaXVzOiBzcGFjZSggMC41ICksXG5cdFx0Y3Vyc29yOiAncG9pbnRlcicsXG5cdFx0d2lkdGg6ICcxMDAlJyxcblx0XHRbIGhlaWdodFByb3BlcnR5IF06IGAkeyBpbnB1dEhlaWdodHNbIHNpemUgXSB9cHhgLFxuXHRcdHBhZGRpbmc6IGlzU21hbGxTaXplID8gc3BhY2UoIDIgKSA6IHNwYWNlKCA0ICksXG5cdFx0Zm9udFNpemU6IGlzU21hbGxTaXplID8gJzExcHgnIDogJzEzcHgnLFxuXHRcdCcmW2RhdGEtZm9jdXMtdmlzaWJsZV0nOiB7XG5cdFx0XHRvdXRsaW5lU3R5bGU6ICdzb2xpZCcsXG5cdFx0fSxcblx0XHQnJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogYDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfWAsXG5cdFx0fSxcblx0fTtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAkeyBzcGFjZSggMC41ICkgfTtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLndoaXRlIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEl0ZW0gPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0SXRlbSApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCAyICkgfTtcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG4iXX0= */");
export const CustomSelectPopover = /*#__PURE__*/_styled(Ariakit.SelectPopover, process.env.NODE_ENV === "production" ? {
target: "e1p3eej71"
} : {
target: "e1p3eej71",
label: "CustomSelectPopover"
})("border-radius:", space(0.5), ";background:", COLORS.white, ";border:1px solid ", COLORS.gray[900], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtFIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0UHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdExhYmVsID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdExhYmVsIClgXG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IDEuNDtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuY29uc3QgaW5wdXRIZWlnaHRzID0ge1xuXHRkZWZhdWx0OiA0MCxcblx0c21hbGw6IDI0LFxufTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEJ1dHRvbiA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3QsIHtcblx0Ly8gRG8gbm90IGZvcndhcmQgYGhhc0N1c3RvbVJlbmRlclByb3BgIHRvIHRoZSB1bmRlcmx5aW5nIEFyaWFraXQuU2VsZWN0IGNvbXBvbmVudFxuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wICkgPT4gcHJvcCAhPT0gJ2hhc0N1c3RvbVJlbmRlclByb3AnLFxufSApKCAoIHtcblx0c2l6ZSxcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcCxcbn06IHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IEN1c3RvbVNlbGVjdFByb3BzWyAnc2l6ZScgXSA+O1xuXHRoYXNDdXN0b21SZW5kZXJQcm9wOiBib29sZWFuO1xufSApID0+IHtcblx0Y29uc3QgaXNTbWFsbFNpemUgPSBzaXplID09PSAnc21hbGwnICYmICEgaGFzQ3VzdG9tUmVuZGVyUHJvcDtcblx0Y29uc3QgaGVpZ2h0UHJvcGVydHkgPSBoYXNDdXN0b21SZW5kZXJQcm9wID8gJ21pbkhlaWdodCcgOiAnaGVpZ2h0JztcblxuXHRyZXR1cm4ge1xuXHRcdGRpc3BsYXk6ICdmbGV4Jyxcblx0XHRqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuXHRcdGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXHRcdGJhY2tncm91bmRDb2xvcjogQ09MT1JTLndoaXRlLFxuXHRcdGJvcmRlcjogYDFweCBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNjAwIF0gfWAsXG5cdFx0Ym9yZGVyUmFkaXVzOiBzcGFjZSggMC41ICksXG5cdFx0Y3Vyc29yOiAncG9pbnRlcicsXG5cdFx0d2lkdGg6ICcxMDAlJyxcblx0XHRbIGhlaWdodFByb3BlcnR5IF06IGAkeyBpbnB1dEhlaWdodHNbIHNpemUgXSB9cHhgLFxuXHRcdHBhZGRpbmc6IGlzU21hbGxTaXplID8gc3BhY2UoIDIgKSA6IHNwYWNlKCA0ICksXG5cdFx0Zm9udFNpemU6IGlzU21hbGxTaXplID8gJzExcHgnIDogJzEzcHgnLFxuXHRcdCcmW2RhdGEtZm9jdXMtdmlzaWJsZV0nOiB7XG5cdFx0XHRvdXRsaW5lU3R5bGU6ICdzb2xpZCcsXG5cdFx0fSxcblx0XHQnJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogYDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfWAsXG5cdFx0fSxcblx0fTtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAkeyBzcGFjZSggMC41ICkgfTtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLndoaXRlIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEl0ZW0gPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0SXRlbSApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCAyICkgfTtcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG4iXX0= */"));
export const CustomSelectItem = /*#__PURE__*/_styled(Ariakit.SelectItem, process.env.NODE_ENV === "production" ? {
target: "e1p3eej70"
} : {
target: "e1p3eej70",
label: "CustomSelectItem"
})("display:flex;align-items:center;justify-content:space-between;padding:", space(2), ";&[data-active-item]{background-color:", COLORS.gray[300], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRTREIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY3VzdG9tLXNlbGVjdC1jb250cm9sLXYyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCAqIGFzIEFyaWFraXQgZnJvbSAnQGFyaWFraXQvcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2VsZWN0UHJvcHMgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdExhYmVsID0gc3R5bGVkKCBBcmlha2l0LlNlbGVjdExhYmVsIClgXG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDUwMDtcblx0bGluZS1oZWlnaHQ6IDEuNDtcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDIgKSB9O1xuYDtcblxuY29uc3QgaW5wdXRIZWlnaHRzID0ge1xuXHRkZWZhdWx0OiA0MCxcblx0c21hbGw6IDI0LFxufTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEJ1dHRvbiA9IHN0eWxlZCggQXJpYWtpdC5TZWxlY3QsIHtcblx0Ly8gRG8gbm90IGZvcndhcmQgYGhhc0N1c3RvbVJlbmRlclByb3BgIHRvIHRoZSB1bmRlcmx5aW5nIEFyaWFraXQuU2VsZWN0IGNvbXBvbmVudFxuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wICkgPT4gcHJvcCAhPT0gJ2hhc0N1c3RvbVJlbmRlclByb3AnLFxufSApKCAoIHtcblx0c2l6ZSxcblx0aGFzQ3VzdG9tUmVuZGVyUHJvcCxcbn06IHtcblx0c2l6ZTogTm9uTnVsbGFibGU8IEN1c3RvbVNlbGVjdFByb3BzWyAnc2l6ZScgXSA+O1xuXHRoYXNDdXN0b21SZW5kZXJQcm9wOiBib29sZWFuO1xufSApID0+IHtcblx0Y29uc3QgaXNTbWFsbFNpemUgPSBzaXplID09PSAnc21hbGwnICYmICEgaGFzQ3VzdG9tUmVuZGVyUHJvcDtcblx0Y29uc3QgaGVpZ2h0UHJvcGVydHkgPSBoYXNDdXN0b21SZW5kZXJQcm9wID8gJ21pbkhlaWdodCcgOiAnaGVpZ2h0JztcblxuXHRyZXR1cm4ge1xuXHRcdGRpc3BsYXk6ICdmbGV4Jyxcblx0XHRqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuXHRcdGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXHRcdGJhY2tncm91bmRDb2xvcjogQ09MT1JTLndoaXRlLFxuXHRcdGJvcmRlcjogYDFweCBzb2xpZCAkeyBDT0xPUlMuZ3JheVsgNjAwIF0gfWAsXG5cdFx0Ym9yZGVyUmFkaXVzOiBzcGFjZSggMC41ICksXG5cdFx0Y3Vyc29yOiAncG9pbnRlcicsXG5cdFx0d2lkdGg6ICcxMDAlJyxcblx0XHRbIGhlaWdodFByb3BlcnR5IF06IGAkeyBpbnB1dEhlaWdodHNbIHNpemUgXSB9cHhgLFxuXHRcdHBhZGRpbmc6IGlzU21hbGxTaXplID8gc3BhY2UoIDIgKSA6IHNwYWNlKCA0ICksXG5cdFx0Zm9udFNpemU6IGlzU21hbGxTaXplID8gJzExcHgnIDogJzEzcHgnLFxuXHRcdCcmW2RhdGEtZm9jdXMtdmlzaWJsZV0nOiB7XG5cdFx0XHRvdXRsaW5lU3R5bGU6ICdzb2xpZCcsXG5cdFx0fSxcblx0XHQnJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSc6IHtcblx0XHRcdG91dGxpbmVTdHlsZTogYDEuNXB4IHNvbGlkICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfWAsXG5cdFx0fSxcblx0fTtcbn0gKTtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdFBvcG92ZXIgPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0UG9wb3ZlciApYFxuXHRib3JkZXItcmFkaXVzOiAkeyBzcGFjZSggMC41ICkgfTtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLndoaXRlIH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7IENPTE9SUy5ncmF5WyA5MDAgXSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEN1c3RvbVNlbGVjdEl0ZW0gPSBzdHlsZWQoIEFyaWFraXQuU2VsZWN0SXRlbSApYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdHBhZGRpbmc6ICR7IHNwYWNlKCAyICkgfTtcblx0JltkYXRhLWFjdGl2ZS1pdGVtXSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09MT1JTLmdyYXlbIDMwMCBdIH07XG5cdH1cbmA7XG4iXX0= */"));
//# sourceMappingURL=styles.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["Ariakit","COLORS","space","CustomSelectLabel","_styled","SelectLabel","process","env","NODE_ENV","target","label","inputHeights","default","small","CustomSelectButton","Select","shouldForwardProp","prop","size","hasCustomRenderProp","isSmallSize","heightProperty","display","justifyContent","alignItems","backgroundColor","white","border","gray","borderRadius","cursor","width","padding","fontSize","outlineStyle","theme","accent","CustomSelectPopover","SelectPopover","CustomSelectItem","SelectItem"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectProps } from './types';\n\nexport const CustomSelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nconst inputHeights = {\n\tdefault: 40,\n\tsmall: 24,\n};\n\nexport const CustomSelectButton = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectProps[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst isSmallSize = size === 'small' && ! hasCustomRenderProp;\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\treturn {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tbackgroundColor: COLORS.white,\n\t\tborder: `1px solid ${ COLORS.gray[ 600 ] }`,\n\t\tborderRadius: space( 0.5 ),\n\t\tcursor: 'pointer',\n\t\twidth: '100%',\n\t\t[ heightProperty ]: `${ inputHeights[ size ] }px`,\n\t\tpadding: isSmallSize ? space( 2 ) : space( 4 ),\n\t\tfontSize: isSmallSize ? '11px' : '13px',\n\t\t'&[data-focus-visible]': {\n\t\t\toutlineStyle: 'solid',\n\t\t},\n\t\t'&[aria-expanded=\"true\"]': {\n\t\t\toutlineStyle: `1.5px solid ${ COLORS.theme.accent }`,\n\t\t},\n\t};\n} );\n\nexport const CustomSelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: ${ space( 0.5 ) };\n\tbackground: ${ COLORS.white };\n\tborder: 1px solid ${ COLORS.gray[ 900 ] };\n`;\n\nexport const CustomSelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ space( 2 ) };\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.gray[ 300 ] };\n\t}\n`;\n"],"mappings":";AAAA;AACA;AACA;;AAEA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,KAAK,QAAQ,gBAAgB;AAGtC,OAAO,MAAMC,iBAAiB,GAAG,aAAAC,OAAA,CAAQJ,OAAO,CAACK,WAAW,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2FAK3CR,KAAK,CAAE,CAAE,CAAC,SAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,oqGAC5B;AAED,MAAMG,YAAY,GAAG;EACpBC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,aAAAV,OAAA,CAAQJ,OAAO,CAACe,MAAM,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACvD;EACAQ,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAR,MAAA;AAAA;EAD7D;EACAO,iBAAiB,EAAIC,IAAI,IAAMA,IAAI,KAAK,qBAAqB;EAAAR,MAAA;EAAAC,KAAA;AAAA,CAC5D,CAAC,CAAE,CAAE;EACNQ,IAAI;EACJC;AAID,CAAC,KAAM;EACN,MAAMC,WAAW,GAAGF,IAAI,KAAK,OAAO,IAAI,CAAEC,mBAAmB;EAC7D,MAAME,cAAc,GAAGF,mBAAmB,GAAG,WAAW,GAAG,QAAQ;EAEnE,OAAO;IACNG,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAExB,MAAM,CAACyB,KAAK;IAC7BC,MAAM,EAAG,aAAa1B,MAAM,CAAC2B,IAAI,CAAE,GAAG,CAAI,EAAC;IAC3CC,YAAY,EAAE3B,KAAK,CAAE,GAAI,CAAC;IAC1B4B,MAAM,EAAE,SAAS;IACjBC,KAAK,EAAE,MAAM;IACb,CAAEV,cAAc,GAAK,GAAGV,YAAY,CAAEO,IAAI,CAAI,IAAG;IACjDc,OAAO,EAAEZ,WAAW,GAAGlB,KAAK,CAAE,CAAE,CAAC,GAAGA,KAAK,CAAE,CAAE,CAAC;IAC9C+B,QAAQ,EAAEb,WAAW,GAAG,MAAM,GAAG,MAAM;IACvC,uBAAuB,EAAE;MACxBc,YAAY,EAAE;IACf,CAAC;IACD,yBAAyB,EAAE;MAC1BA,YAAY,EAAG,eAAejC,MAAM,CAACkC,KAAK,CAACC,MAAQ;IACpD;EACD,CAAC;AACF,CAAC,EAAA9B,OAAA,CAAAC,GAAA,CAAAC,QAAA,kqGAAC,CAAC;AAEH,OAAO,MAAM6B,mBAAmB,GAAG,aAAAjC,OAAA,CAAQJ,OAAO,CAACsC,aAAa,EAAAhC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,mBAC/CR,KAAK,CAAE,GAAI,CAAC,kBACfD,MAAM,CAACyB,KAAK,wBACNzB,MAAM,CAAC2B,IAAI,CAAE,GAAG,CAAE,SAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oqGACvC;AAED,OAAO,MAAM+B,gBAAgB,GAAG,aAAAnC,OAAA,CAAQJ,OAAO,CAACwC,UAAU,EAAAlC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,2EAI/CR,KAAK,CAAE,CAAE,CAAC,4CAEAD,MAAM,CAAC2B,IAAI,CAAE,GAAG,CAAE,UAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oqGAExC"}

View File

@@ -0,0 +1,2 @@
export {};
//# sourceMappingURL=types.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type * as Ariakit from '@ariakit/react';\n\nexport type CustomSelectContext =\n\t| {\n\t\t\t/**\n\t\t\t * The store object returned by Ariakit's `useSelectStore` hook.\n\t\t\t */\n\t\t\tstore: Ariakit.SelectStore;\n\t }\n\t| undefined;\n\nexport type CustomSelectProps = {\n\t/**\n\t * The child elements. This should be composed of CustomSelectItem components.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * An optional default value for the control. If left `undefined`, the first\n\t * non-disabled item will be used.\n\t */\n\tdefaultValue?: string | string[];\n\t/**\n\t * Label for the control.\n\t */\n\tlabel: string;\n\t/**\n\t * A function that receives the new value of the input.\n\t */\n\tonChange?: ( newValue: string | string[] ) => void;\n\t/**\n\t * Can be used to render select UI with custom styled values.\n\t */\n\trenderSelectedValue?: (\n\t\tselectedValue: string | string[]\n\t) => React.ReactNode;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'default' | 'small';\n\t/**\n\t * Can be used to externally control the value of the control.\n\t */\n\tvalue?: string | string[];\n};\n\nexport type CustomSelectItemProps = {\n\t/**\n\t * The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t */\n\tvalue: string;\n\t/**\n\t * The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":""}