e8fbfb14c1
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>
72 lines
2.0 KiB
JavaScript
72 lines
2.0 KiB
JavaScript
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { isValueDefined } from '../utils/values';
|
|
export const TRUNCATE_ELLIPSIS = '…';
|
|
export const TRUNCATE_TYPE = {
|
|
auto: 'auto',
|
|
head: 'head',
|
|
middle: 'middle',
|
|
tail: 'tail',
|
|
none: 'none'
|
|
};
|
|
export const TRUNCATE_DEFAULT_PROPS = {
|
|
ellipsis: TRUNCATE_ELLIPSIS,
|
|
ellipsizeMode: TRUNCATE_TYPE.auto,
|
|
limit: 0,
|
|
numberOfLines: 0
|
|
};
|
|
|
|
// Source
|
|
// https://github.com/kahwee/truncate-middle
|
|
export function truncateMiddle(word, headLength, tailLength, ellipsis) {
|
|
if (typeof word !== 'string') {
|
|
return '';
|
|
}
|
|
const wordLength = word.length;
|
|
// Setting default values
|
|
// eslint-disable-next-line no-bitwise
|
|
const frontLength = ~~headLength; // Will cast to integer
|
|
// eslint-disable-next-line no-bitwise
|
|
const backLength = ~~tailLength;
|
|
/* istanbul ignore next */
|
|
const truncateStr = isValueDefined(ellipsis) ? ellipsis : TRUNCATE_ELLIPSIS;
|
|
if (frontLength === 0 && backLength === 0 || frontLength >= wordLength || backLength >= wordLength || frontLength + backLength >= wordLength) {
|
|
return word;
|
|
} else if (backLength === 0) {
|
|
return word.slice(0, frontLength) + truncateStr;
|
|
}
|
|
return word.slice(0, frontLength) + truncateStr + word.slice(wordLength - backLength);
|
|
}
|
|
export function truncateContent(words = '', props) {
|
|
const mergedProps = {
|
|
...TRUNCATE_DEFAULT_PROPS,
|
|
...props
|
|
};
|
|
const {
|
|
ellipsis,
|
|
ellipsizeMode,
|
|
limit
|
|
} = mergedProps;
|
|
if (ellipsizeMode === TRUNCATE_TYPE.none) {
|
|
return words;
|
|
}
|
|
let truncateHead;
|
|
let truncateTail;
|
|
switch (ellipsizeMode) {
|
|
case TRUNCATE_TYPE.head:
|
|
truncateHead = 0;
|
|
truncateTail = limit;
|
|
break;
|
|
case TRUNCATE_TYPE.middle:
|
|
truncateHead = Math.floor(limit / 2);
|
|
truncateTail = Math.floor(limit / 2);
|
|
break;
|
|
default:
|
|
truncateHead = limit;
|
|
truncateTail = 0;
|
|
}
|
|
const truncatedContent = ellipsizeMode !== TRUNCATE_TYPE.auto ? truncateMiddle(words, truncateHead, truncateTail, ellipsis) : words;
|
|
return truncatedContent;
|
|
}
|
|
//# sourceMappingURL=utils.js.map
|