@typespec/html-program-viewer 0.64.0 → 0.65.0-dev.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/emitter/index.js +146 -87
- package/dist/{manifest-QCyH3JiX.js → manifest-BVCtXeEX.js} +1 -1
- package/dist/react/index.js +14586 -13885
- package/package.json +19 -19
package/dist/emitter/index.js
CHANGED
|
@@ -353,13 +353,13 @@ function getDebugClassNames(lookupItem, parentLookupItem, parentDebugClassNames,
|
|
|
353
353
|
});
|
|
354
354
|
}
|
|
355
355
|
|
|
356
|
-
function
|
|
356
|
+
function getAtomicDebugSequenceTree(debugSequenceHash, parentNode) {
|
|
357
357
|
const lookupItem = DEFINITION_LOOKUP_TABLE[debugSequenceHash];
|
|
358
358
|
if (lookupItem === undefined) {
|
|
359
359
|
return undefined;
|
|
360
360
|
}
|
|
361
361
|
const parentLookupItem = parentNode ? DEFINITION_LOOKUP_TABLE[parentNode.sequenceHash] : undefined;
|
|
362
|
-
const debugClassNames = getDebugClassNames(lookupItem, parentLookupItem, parentNode === null || parentNode ===
|
|
362
|
+
const debugClassNames = getDebugClassNames(lookupItem, parentLookupItem, parentNode === null || parentNode === undefined ? undefined : parentNode.debugClassNames, parentNode === null || parentNode === undefined ? undefined : parentNode.children);
|
|
363
363
|
const node = {
|
|
364
364
|
sequenceHash: debugSequenceHash,
|
|
365
365
|
direction: lookupItem[1],
|
|
@@ -369,7 +369,7 @@ function getDebugTree(debugSequenceHash, parentNode) {
|
|
|
369
369
|
const childrenSequences = debugData.getChildrenSequences(node.sequenceHash);
|
|
370
370
|
childrenSequences.reverse() // first process the overriding children that are merged last
|
|
371
371
|
.forEach(sequence => {
|
|
372
|
-
const child =
|
|
372
|
+
const child = getAtomicDebugSequenceTree(sequence, node);
|
|
373
373
|
if (child) {
|
|
374
374
|
node.children.push(child);
|
|
375
375
|
}
|
|
@@ -394,6 +394,53 @@ function getDebugTree(debugSequenceHash, parentNode) {
|
|
|
394
394
|
return node;
|
|
395
395
|
}
|
|
396
396
|
|
|
397
|
+
function getResetDebugSequence(debugSequenceHash) {
|
|
398
|
+
const resetClass = DEBUG_RESET_CLASSES[debugSequenceHash];
|
|
399
|
+
if (resetClass === undefined) {
|
|
400
|
+
return undefined;
|
|
401
|
+
}
|
|
402
|
+
const debugClassNames = [{
|
|
403
|
+
className: debugSequenceHash
|
|
404
|
+
}];
|
|
405
|
+
const node = {
|
|
406
|
+
sequenceHash: debugSequenceHash,
|
|
407
|
+
direction: 'ltr',
|
|
408
|
+
children: [],
|
|
409
|
+
debugClassNames
|
|
410
|
+
};
|
|
411
|
+
node.rules = {};
|
|
412
|
+
node.slot = 'makeResetStyles()';
|
|
413
|
+
const [{
|
|
414
|
+
className
|
|
415
|
+
}] = node.debugClassNames;
|
|
416
|
+
const cssRules = debugData.getCSSRules().filter(cssRule => {
|
|
417
|
+
return cssRule.includes(`.${className}`);
|
|
418
|
+
});
|
|
419
|
+
node.rules[className] = cssRules.join('');
|
|
420
|
+
return node;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
function mergeDebugSequence(atomicClases, resetClassName) {
|
|
424
|
+
const debugResultRootAtomic = atomicClases ? getAtomicDebugSequenceTree(atomicClases) : undefined;
|
|
425
|
+
const debugResultRootReset = resetClassName ? getResetDebugSequence(resetClassName) : undefined;
|
|
426
|
+
if (!debugResultRootAtomic && !debugResultRootReset) {
|
|
427
|
+
return undefined;
|
|
428
|
+
}
|
|
429
|
+
if (!debugResultRootAtomic) {
|
|
430
|
+
return debugResultRootReset;
|
|
431
|
+
}
|
|
432
|
+
if (!debugResultRootReset) {
|
|
433
|
+
return debugResultRootAtomic;
|
|
434
|
+
}
|
|
435
|
+
const debugResultRoot = {
|
|
436
|
+
sequenceHash: debugResultRootAtomic.sequenceHash + debugResultRootReset.sequenceHash,
|
|
437
|
+
direction: debugResultRootAtomic.direction,
|
|
438
|
+
children: [debugResultRootAtomic, debugResultRootReset],
|
|
439
|
+
debugClassNames: [...debugResultRootAtomic.debugClassNames, ...debugResultRootReset.debugClassNames]
|
|
440
|
+
};
|
|
441
|
+
return debugResultRoot;
|
|
442
|
+
}
|
|
443
|
+
|
|
397
444
|
function injectDevTools(document) {
|
|
398
445
|
const window = document.defaultView;
|
|
399
446
|
if (!window || window.__GRIFFEL_DEVTOOLS__) {
|
|
@@ -401,11 +448,18 @@ function injectDevTools(document) {
|
|
|
401
448
|
}
|
|
402
449
|
const devtools = {
|
|
403
450
|
getInfo: element => {
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
451
|
+
let rootDebugSequenceHash;
|
|
452
|
+
let rootResetDebugClassName;
|
|
453
|
+
for (const className of element.classList) {
|
|
454
|
+
if (className.startsWith(SEQUENCE_PREFIX)) {
|
|
455
|
+
rootDebugSequenceHash = className;
|
|
456
|
+
return;
|
|
457
|
+
}
|
|
458
|
+
if (DEBUG_RESET_CLASSES[className]) {
|
|
459
|
+
rootResetDebugClassName = className;
|
|
460
|
+
}
|
|
407
461
|
}
|
|
408
|
-
return
|
|
462
|
+
return mergeDebugSequence(rootDebugSequenceHash, rootResetDebugClassName);
|
|
409
463
|
}
|
|
410
464
|
};
|
|
411
465
|
Object.defineProperty(window, '__GRIFFEL_DEVTOOLS__', {
|
|
@@ -455,7 +509,7 @@ function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementA
|
|
|
455
509
|
}
|
|
456
510
|
}
|
|
457
511
|
function insertRule(rule) {
|
|
458
|
-
if (styleElement === null || styleElement ===
|
|
512
|
+
if (styleElement === null || styleElement === undefined ? undefined : styleElement.sheet) {
|
|
459
513
|
return styleElement.sheet.insertRule(rule, styleElement.sheet.cssRules.length);
|
|
460
514
|
}
|
|
461
515
|
return __cssRulesForSSR.push(rule);
|
|
@@ -466,7 +520,7 @@ function createIsomorphicStyleSheet(styleElement, bucketName, priority, elementA
|
|
|
466
520
|
element: styleElement,
|
|
467
521
|
bucketName,
|
|
468
522
|
cssRules() {
|
|
469
|
-
if (styleElement === null || styleElement ===
|
|
523
|
+
if (styleElement === null || styleElement === undefined ? undefined : styleElement.sheet) {
|
|
470
524
|
return Array.from(styleElement.sheet.cssRules).map(cssRule => cssRule.cssText);
|
|
471
525
|
}
|
|
472
526
|
return __cssRulesForSSR;
|
|
@@ -522,8 +576,8 @@ function getStyleSheetKey(bucketName, media, priority) {
|
|
|
522
576
|
function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, renderer, metadata = {}) {
|
|
523
577
|
var _a, _b;
|
|
524
578
|
const isMediaBucket = bucketName === 'm';
|
|
525
|
-
const media = (_a = metadata['m']) !== null && _a !==
|
|
526
|
-
const priority = (_b = metadata['p']) !== null && _b !==
|
|
579
|
+
const media = (_a = metadata['m']) !== null && _a !== undefined ? _a : '0';
|
|
580
|
+
const priority = (_b = metadata['p']) !== null && _b !== undefined ? _b : 0;
|
|
527
581
|
const stylesheetKey = getStyleSheetKey(bucketName, media, priority);
|
|
528
582
|
if (!renderer.stylesheets[stylesheetKey]) {
|
|
529
583
|
const tag = targetDocument && targetDocument.createElement('style');
|
|
@@ -539,8 +593,8 @@ function getStyleSheetForBucket(bucketName, targetDocument, insertionPoint, rend
|
|
|
539
593
|
}
|
|
540
594
|
function isSameInsertionKey(element, bucketName, metadata) {
|
|
541
595
|
var _a, _b;
|
|
542
|
-
const targetKey = bucketName + ((_a = metadata['m']) !== null && _a !==
|
|
543
|
-
const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_b = element.media) !== null && _b !==
|
|
596
|
+
const targetKey = bucketName + ((_a = metadata['m']) !== null && _a !== undefined ? _a : '');
|
|
597
|
+
const elementKey = element.getAttribute(DATA_BUCKET_ATTR) + ((_b = element.media) !== null && _b !== undefined ? _b : '');
|
|
544
598
|
return targetKey === elementKey;
|
|
545
599
|
}
|
|
546
600
|
/**
|
|
@@ -556,8 +610,8 @@ function isSameInsertionKey(element, bucketName, metadata) {
|
|
|
556
610
|
function findInsertionPoint(targetDocument, insertionPoint, targetBucket, renderer, metadata = {}) {
|
|
557
611
|
var _a, _b;
|
|
558
612
|
const targetOrder = styleBucketOrderingMap[targetBucket];
|
|
559
|
-
const media = (_a = metadata['m']) !== null && _a !==
|
|
560
|
-
const priority = (_b = metadata['p']) !== null && _b !==
|
|
613
|
+
const media = (_a = metadata['m']) !== null && _a !== undefined ? _a : '';
|
|
614
|
+
const priority = (_b = metadata['p']) !== null && _b !== undefined ? _b : 0;
|
|
561
615
|
// Similar to javascript sort comparators where
|
|
562
616
|
// a positive value is increasing sort order
|
|
563
617
|
// a negative value is decreasing sort order
|
|
@@ -737,7 +791,7 @@ function getSourceURLfromError() {
|
|
|
737
791
|
return undefined;
|
|
738
792
|
}
|
|
739
793
|
const result = parseStackTraceLine(userMakeStyleCallLine);
|
|
740
|
-
return result === null || result ===
|
|
794
|
+
return result === null || result === undefined ? undefined : result.loc;
|
|
741
795
|
}
|
|
742
796
|
function findUserMakeStyleCallInStacks(stacks) {
|
|
743
797
|
for (let i = stacks.length - 1; i >= 0; --i) {
|
|
@@ -881,7 +935,7 @@ const TextDirectionProvider = ({
|
|
|
881
935
|
};
|
|
882
936
|
if (props && typeof props.children === 'function') {
|
|
883
937
|
propsWithMetadata[SLOT_RENDER_FUNCTION_SYMBOL] = props.children;
|
|
884
|
-
propsWithMetadata.children = defaultProps === null || defaultProps ===
|
|
938
|
+
propsWithMetadata.children = defaultProps === null || defaultProps === undefined ? undefined : defaultProps.children;
|
|
885
939
|
}
|
|
886
940
|
return propsWithMetadata;
|
|
887
941
|
}
|
|
@@ -911,7 +965,7 @@ Slot shorthands can be strings, numbers, arrays or JSX elements`);
|
|
|
911
965
|
* Guard method to ensure a given element is a slot.
|
|
912
966
|
* This is mainly used internally to ensure a slot is being used as a component.
|
|
913
967
|
*/ function isSlot(element) {
|
|
914
|
-
return Boolean(element === null || element ===
|
|
968
|
+
return Boolean(element === null || element === undefined ? undefined : element.hasOwnProperty(SLOT_ELEMENT_TYPE_SYMBOL));
|
|
915
969
|
}
|
|
916
970
|
|
|
917
971
|
/**
|
|
@@ -1192,6 +1246,7 @@ const toObjectMap = (...items)=>{
|
|
|
1192
1246
|
*/ const inputProperties = toObjectMap(buttonProperties, [
|
|
1193
1247
|
'accept',
|
|
1194
1248
|
'alt',
|
|
1249
|
+
'autoCorrect',
|
|
1195
1250
|
'autoCapitalize',
|
|
1196
1251
|
'autoComplete',
|
|
1197
1252
|
'checked',
|
|
@@ -1203,6 +1258,7 @@ const toObjectMap = (...items)=>{
|
|
|
1203
1258
|
'max',
|
|
1204
1259
|
'maxLength',
|
|
1205
1260
|
'min',
|
|
1261
|
+
'minLength',
|
|
1206
1262
|
'multiple',
|
|
1207
1263
|
'pattern',
|
|
1208
1264
|
'placeholder',
|
|
@@ -1371,7 +1427,7 @@ props, allowedPropNames, excludedPropNames) {
|
|
|
1371
1427
|
const keys = Object.keys(props);
|
|
1372
1428
|
for (const key of keys){
|
|
1373
1429
|
const isNativeProp = !isArray && allowedPropNames[key] || isArray && allowedPropNames.indexOf(key) >= 0 || key.indexOf('data-') === 0 || key.indexOf('aria-') === 0;
|
|
1374
|
-
if (isNativeProp && (
|
|
1430
|
+
if (isNativeProp && (true)) {
|
|
1375
1431
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1376
1432
|
result[key] = props[key];
|
|
1377
1433
|
}
|
|
@@ -1416,7 +1472,7 @@ const nativeElementMap = {
|
|
|
1416
1472
|
function getNativeElementProps(tagName, props, excludedPropNames) {
|
|
1417
1473
|
const allowedPropNames = tagName && nativeElementMap[tagName] || htmlElementProperties;
|
|
1418
1474
|
allowedPropNames.as = 1;
|
|
1419
|
-
return getNativeProps(props, allowedPropNames
|
|
1475
|
+
return getNativeProps(props, allowedPropNames);
|
|
1420
1476
|
}
|
|
1421
1477
|
|
|
1422
1478
|
/**
|
|
@@ -1426,8 +1482,8 @@ function getNativeElementProps(tagName, props, excludedPropNames) {
|
|
|
1426
1482
|
* Equivalent to {@link getNativeElementProps}, but more type-safe.
|
|
1427
1483
|
*/ const getIntrinsicElementProps = (/** The slot's default element type (e.g. 'div') */ tagName, /** The component's props object */ props, /** List of native props to exclude from the returned value */ excludedPropNames)=>{
|
|
1428
1484
|
var _props_as;
|
|
1429
|
-
// eslint-disable-next-line
|
|
1430
|
-
return getNativeElementProps((_props_as = props.as) !== null && _props_as !==
|
|
1485
|
+
// eslint-disable-next-line @typescript-eslint/no-deprecated
|
|
1486
|
+
return getNativeElementProps((_props_as = props.as) !== null && _props_as !== undefined ? _props_as : tagName, props);
|
|
1431
1487
|
};
|
|
1432
1488
|
|
|
1433
1489
|
/**
|
|
@@ -1466,7 +1522,7 @@ const providerContextDefaultValue = {
|
|
|
1466
1522
|
*/ const Provider = ProviderContext.Provider;
|
|
1467
1523
|
function useFluent() {
|
|
1468
1524
|
var _React_useContext;
|
|
1469
|
-
return (_React_useContext = React.useContext(ProviderContext)) !== null && _React_useContext !==
|
|
1525
|
+
return (_React_useContext = React.useContext(ProviderContext)) !== null && _React_useContext !== undefined ? _React_useContext : providerContextDefaultValue;
|
|
1470
1526
|
}
|
|
1471
1527
|
|
|
1472
1528
|
/**
|
|
@@ -1477,7 +1533,7 @@ function useFluent() {
|
|
|
1477
1533
|
*/ const OverridesProvider = OverridesContext.Provider;
|
|
1478
1534
|
function useOverrides() {
|
|
1479
1535
|
var _React_useContext;
|
|
1480
|
-
return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !==
|
|
1536
|
+
return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !== undefined ? _React_useContext : {};
|
|
1481
1537
|
}
|
|
1482
1538
|
|
|
1483
1539
|
/**
|
|
@@ -1490,7 +1546,7 @@ function useOverrides() {
|
|
|
1490
1546
|
/**
|
|
1491
1547
|
* Verifies if an application can use DOM.
|
|
1492
1548
|
*/ function canUseDOM() {
|
|
1493
|
-
return /* eslint-disable @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )*/ typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line
|
|
1549
|
+
return /* eslint-disable @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )*/ typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line @typescript-eslint/no-deprecated
|
|
1494
1550
|
window.document.createElement);
|
|
1495
1551
|
}
|
|
1496
1552
|
|
|
@@ -1506,7 +1562,7 @@ const SSRContext = /*#__PURE__*/ React.createContext(undefined);
|
|
|
1506
1562
|
* @internal
|
|
1507
1563
|
*/ function useSSRContext() {
|
|
1508
1564
|
var _React_useContext;
|
|
1509
|
-
return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !==
|
|
1565
|
+
return (_React_useContext = React.useContext(SSRContext)) !== null && _React_useContext !== undefined ? _React_useContext : defaultSSRContextValue;
|
|
1510
1566
|
}
|
|
1511
1567
|
|
|
1512
1568
|
/**
|
|
@@ -1608,7 +1664,7 @@ function useIdPrefix() {
|
|
|
1608
1664
|
var _typedElement_ownerDocument;
|
|
1609
1665
|
const typedElement = element;
|
|
1610
1666
|
var _options_constructorName;
|
|
1611
|
-
return Boolean((typedElement === null || typedElement ===
|
|
1667
|
+
return Boolean((typedElement === null || typedElement === undefined ? undefined : (_typedElement_ownerDocument = typedElement.ownerDocument) === null || _typedElement_ownerDocument === undefined ? undefined : _typedElement_ownerDocument.defaultView) && typedElement instanceof typedElement.ownerDocument.defaultView[(_options_constructorName = undefined ) !== null && _options_constructorName !== undefined ? _options_constructorName : 'HTMLElement']);
|
|
1612
1668
|
}
|
|
1613
1669
|
|
|
1614
1670
|
// TODO:
|
|
@@ -1646,8 +1702,8 @@ function requireReactIs_production_min () {
|
|
|
1646
1702
|
var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131;
|
|
1647
1703
|
if("function"===typeof Symbol&&Symbol.for){var x=Symbol.for;b=x("react.element");c=x("react.portal");d=x("react.fragment");e=x("react.strict_mode");f=x("react.profiler");g=x("react.provider");h=x("react.context");k=x("react.forward_ref");l=x("react.suspense");m=x("react.suspense_list");n=x("react.memo");p=x("react.lazy");q=x("react.block");r=x("react.server.block");u=x("react.fundamental");v=x("react.debug_trace_mode");w=x("react.legacy_hidden");}
|
|
1648
1704
|
function y(a){if("object"===typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type,a){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof,a){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=z;reactIs_production_min.Element=A;reactIs_production_min.ForwardRef=B;reactIs_production_min.Fragment=C;reactIs_production_min.Lazy=D;reactIs_production_min.Memo=E;reactIs_production_min.Portal=F;reactIs_production_min.Profiler=G;reactIs_production_min.StrictMode=H;
|
|
1649
|
-
reactIs_production_min.Suspense=I;reactIs_production_min.isAsyncMode=function(){return
|
|
1650
|
-
reactIs_production_min.isPortal=function(a){return y(a)===c};reactIs_production_min.isProfiler=function(a){return y(a)===f};reactIs_production_min.isStrictMode=function(a){return y(a)===e};reactIs_production_min.isSuspense=function(a){return y(a)===l};reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||"object"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)
|
|
1705
|
+
reactIs_production_min.Suspense=I;reactIs_production_min.isAsyncMode=function(){return false};reactIs_production_min.isConcurrentMode=function(){return false};reactIs_production_min.isContextConsumer=function(a){return y(a)===h};reactIs_production_min.isContextProvider=function(a){return y(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return y(a)===k};reactIs_production_min.isFragment=function(a){return y(a)===d};reactIs_production_min.isLazy=function(a){return y(a)===p};reactIs_production_min.isMemo=function(a){return y(a)===n};
|
|
1706
|
+
reactIs_production_min.isPortal=function(a){return y(a)===c};reactIs_production_min.isProfiler=function(a){return y(a)===f};reactIs_production_min.isStrictMode=function(a){return y(a)===e};reactIs_production_min.isSuspense=function(a){return y(a)===l};reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||"object"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)?true:false};
|
|
1651
1707
|
reactIs_production_min.typeOf=y;
|
|
1652
1708
|
return reactIs_production_min;
|
|
1653
1709
|
}
|
|
@@ -1883,13 +1939,21 @@ function requireReactIs_development () {
|
|
|
1883
1939
|
return reactIs_development;
|
|
1884
1940
|
}
|
|
1885
1941
|
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1942
|
+
var hasRequiredReactIs;
|
|
1943
|
+
|
|
1944
|
+
function requireReactIs () {
|
|
1945
|
+
if (hasRequiredReactIs) return reactIs.exports;
|
|
1946
|
+
hasRequiredReactIs = 1;
|
|
1947
|
+
|
|
1948
|
+
if (process.env.NODE_ENV === 'production') {
|
|
1949
|
+
reactIs.exports = requireReactIs_production_min();
|
|
1950
|
+
} else {
|
|
1951
|
+
reactIs.exports = requireReactIs_development();
|
|
1952
|
+
}
|
|
1953
|
+
return reactIs.exports;
|
|
1890
1954
|
}
|
|
1891
1955
|
|
|
1892
|
-
var reactIsExports =
|
|
1956
|
+
var reactIsExports = requireReactIs();
|
|
1893
1957
|
|
|
1894
1958
|
function warnIfElementTypeIsInvalid(type) {
|
|
1895
1959
|
if (process.env.NODE_ENV === 'development' && typeof type === 'object' && !reactIsExports.isValidElementType(type)) {
|
|
@@ -1924,7 +1988,7 @@ function createJSX(runtime, slotRuntime) {
|
|
|
1924
1988
|
*/ function getMetadataFromSlotComponent(type) {
|
|
1925
1989
|
const { as, [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType, [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...propsWithoutMetadata } = type;
|
|
1926
1990
|
const props = propsWithoutMetadata;
|
|
1927
|
-
const elementType = typeof baseElementType === 'string' ? as !== null && as !==
|
|
1991
|
+
const elementType = typeof baseElementType === 'string' ? as !== null && as !== undefined ? as : baseElementType : baseElementType;
|
|
1928
1992
|
if (typeof elementType !== 'string' && as) {
|
|
1929
1993
|
props.as = as;
|
|
1930
1994
|
}
|
|
@@ -1954,8 +2018,8 @@ var hasRequiredReactJsxRuntime_production_min;
|
|
|
1954
2018
|
function requireReactJsxRuntime_production_min () {
|
|
1955
2019
|
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
|
|
1956
2020
|
hasRequiredReactJsxRuntime_production_min = 1;
|
|
1957
|
-
var f=React__default,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key
|
|
1958
|
-
function q(c,a,g){var b,d={},e=null,h=null;
|
|
2021
|
+
var f=React__default,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
|
|
2022
|
+
function q(c,a,g){var b,d={},e=null,h=null;undefined!==g&&(e=""+g);undefined!==a.key&&(e=""+a.key);undefined!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) undefined===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
|
|
1959
2023
|
return reactJsxRuntime_production_min;
|
|
1960
2024
|
}
|
|
1961
2025
|
|
|
@@ -2561,7 +2625,7 @@ function requireReactJsxRuntime_development () {
|
|
|
2561
2625
|
|
|
2562
2626
|
for (var typeSpecName in typeSpecs) {
|
|
2563
2627
|
if (has(typeSpecs, typeSpecName)) {
|
|
2564
|
-
var error$1 =
|
|
2628
|
+
var error$1 = undefined; // Prop type validation may throw. In case they do, we don't want to
|
|
2565
2629
|
// fail the render phase where it didn't fail before. So we log it.
|
|
2566
2630
|
// After these have been cleaned up, we'll let them throw.
|
|
2567
2631
|
|
|
@@ -2685,11 +2749,6 @@ function requireReactJsxRuntime_development () {
|
|
|
2685
2749
|
};
|
|
2686
2750
|
var specialPropKeyWarningShown;
|
|
2687
2751
|
var specialPropRefWarningShown;
|
|
2688
|
-
var didWarnAboutStringRefs;
|
|
2689
|
-
|
|
2690
|
-
{
|
|
2691
|
-
didWarnAboutStringRefs = {};
|
|
2692
|
-
}
|
|
2693
2752
|
|
|
2694
2753
|
function hasValidRef(config) {
|
|
2695
2754
|
{
|
|
@@ -2721,15 +2780,7 @@ function requireReactJsxRuntime_development () {
|
|
|
2721
2780
|
|
|
2722
2781
|
function warnIfStringRefCannotBeAutoConverted(config, self) {
|
|
2723
2782
|
{
|
|
2724
|
-
if (typeof config.ref === 'string' && ReactCurrentOwner.current && self
|
|
2725
|
-
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
2726
|
-
|
|
2727
|
-
if (!didWarnAboutStringRefs[componentName]) {
|
|
2728
|
-
error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
|
|
2729
|
-
|
|
2730
|
-
didWarnAboutStringRefs[componentName] = true;
|
|
2731
|
-
}
|
|
2732
|
-
}
|
|
2783
|
+
if (typeof config.ref === 'string' && ReactCurrentOwner.current && self) ;
|
|
2733
2784
|
}
|
|
2734
2785
|
}
|
|
2735
2786
|
|
|
@@ -3295,13 +3346,21 @@ function requireReactJsxRuntime_development () {
|
|
|
3295
3346
|
return reactJsxRuntime_development;
|
|
3296
3347
|
}
|
|
3297
3348
|
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3349
|
+
var hasRequiredJsxRuntime;
|
|
3350
|
+
|
|
3351
|
+
function requireJsxRuntime () {
|
|
3352
|
+
if (hasRequiredJsxRuntime) return jsxRuntime$1.exports;
|
|
3353
|
+
hasRequiredJsxRuntime = 1;
|
|
3354
|
+
|
|
3355
|
+
if (process.env.NODE_ENV === 'production') {
|
|
3356
|
+
jsxRuntime$1.exports = requireReactJsxRuntime_production_min();
|
|
3357
|
+
} else {
|
|
3358
|
+
jsxRuntime$1.exports = requireReactJsxRuntime_development();
|
|
3359
|
+
}
|
|
3360
|
+
return jsxRuntime$1.exports;
|
|
3302
3361
|
}
|
|
3303
3362
|
|
|
3304
|
-
var jsxRuntimeExports =
|
|
3363
|
+
var jsxRuntimeExports = requireJsxRuntime();
|
|
3305
3364
|
const jsxRuntime = /*@__PURE__*/getDefaultExportFromCjs(jsxRuntimeExports);
|
|
3306
3365
|
|
|
3307
3366
|
const ReactRuntime = /*#__PURE__*/_mergeNamespaces({
|
|
@@ -3418,13 +3477,13 @@ var WeakRefInstance = class {
|
|
|
3418
3477
|
var _a, _b;
|
|
3419
3478
|
let instance;
|
|
3420
3479
|
if (this._weakRef) {
|
|
3421
|
-
instance = (_a = this._weakRef) == null ?
|
|
3480
|
+
instance = (_a = this._weakRef) == null ? undefined : _a.deref();
|
|
3422
3481
|
if (!instance) {
|
|
3423
3482
|
delete this._weakRef;
|
|
3424
3483
|
}
|
|
3425
3484
|
} else {
|
|
3426
3485
|
instance = this._instance;
|
|
3427
|
-
if ((_b = instance == null ?
|
|
3486
|
+
if ((_b = instance == null ? undefined : instance.isDisposed) == null ? undefined : _b.call(instance)) {
|
|
3428
3487
|
delete this._instance;
|
|
3429
3488
|
}
|
|
3430
3489
|
}
|
|
@@ -3500,7 +3559,7 @@ function setupFocusEvent(win) {
|
|
|
3500
3559
|
}
|
|
3501
3560
|
}
|
|
3502
3561
|
}
|
|
3503
|
-
onFocusIn(target, e.relatedTarget ||
|
|
3562
|
+
onFocusIn(target, e.relatedTarget || undefined);
|
|
3504
3563
|
};
|
|
3505
3564
|
const onFocusIn = (target, relatedTarget, originalEvent) => {
|
|
3506
3565
|
var _a;
|
|
@@ -3529,8 +3588,8 @@ function setupFocusEvent(win) {
|
|
|
3529
3588
|
});
|
|
3530
3589
|
event.details = details;
|
|
3531
3590
|
if (_canOverrideNativeFocus || data.lastFocusedProgrammatically) {
|
|
3532
|
-
details.isFocusedProgrammatically = target === ((_a = data.lastFocusedProgrammatically) == null ?
|
|
3533
|
-
data.lastFocusedProgrammatically =
|
|
3591
|
+
details.isFocusedProgrammatically = target === ((_a = data.lastFocusedProgrammatically) == null ? undefined : _a.deref());
|
|
3592
|
+
data.lastFocusedProgrammatically = undefined;
|
|
3534
3593
|
}
|
|
3535
3594
|
target.dispatchEvent(event);
|
|
3536
3595
|
};
|
|
@@ -3621,7 +3680,7 @@ var KeyborgCore = class {
|
|
|
3621
3680
|
if (!details.relatedTarget) {
|
|
3622
3681
|
return;
|
|
3623
3682
|
}
|
|
3624
|
-
if (details.isFocusedProgrammatically || details.isFocusedProgrammatically ===
|
|
3683
|
+
if (details.isFocusedProgrammatically || details.isFocusedProgrammatically === undefined) {
|
|
3625
3684
|
return;
|
|
3626
3685
|
}
|
|
3627
3686
|
this.isNavigatingWithKeyboard = true;
|
|
@@ -3662,10 +3721,10 @@ var KeyborgCore = class {
|
|
|
3662
3721
|
if (props) {
|
|
3663
3722
|
const triggerKeys = props.triggerKeys;
|
|
3664
3723
|
const dismissKeys = props.dismissKeys;
|
|
3665
|
-
if (triggerKeys == null ?
|
|
3724
|
+
if (triggerKeys == null ? undefined : triggerKeys.length) {
|
|
3666
3725
|
this._triggerKeys = new Set(triggerKeys);
|
|
3667
3726
|
}
|
|
3668
|
-
if (dismissKeys == null ?
|
|
3727
|
+
if (dismissKeys == null ? undefined : dismissKeys.length) {
|
|
3669
3728
|
this._dismissKeys = new Set(dismissKeys);
|
|
3670
3729
|
}
|
|
3671
3730
|
}
|
|
@@ -3691,11 +3750,11 @@ var KeyborgCore = class {
|
|
|
3691
3750
|
if (win) {
|
|
3692
3751
|
if (this._isMouseOrTouchUsedTimer) {
|
|
3693
3752
|
win.clearTimeout(this._isMouseOrTouchUsedTimer);
|
|
3694
|
-
this._isMouseOrTouchUsedTimer =
|
|
3753
|
+
this._isMouseOrTouchUsedTimer = undefined;
|
|
3695
3754
|
}
|
|
3696
3755
|
if (this._dismissTimer) {
|
|
3697
3756
|
win.clearTimeout(this._dismissTimer);
|
|
3698
|
-
this._dismissTimer =
|
|
3757
|
+
this._dismissTimer = undefined;
|
|
3699
3758
|
}
|
|
3700
3759
|
disposeFocusEvent(win);
|
|
3701
3760
|
const doc = win.document;
|
|
@@ -3716,7 +3775,7 @@ var KeyborgCore = class {
|
|
|
3716
3775
|
*/
|
|
3717
3776
|
update() {
|
|
3718
3777
|
var _a, _b;
|
|
3719
|
-
const keyborgs = (_b = (_a = this._win) == null ?
|
|
3778
|
+
const keyborgs = (_b = (_a = this._win) == null ? undefined : _a.__keyborg) == null ? undefined : _b.refs;
|
|
3720
3779
|
if (keyborgs) {
|
|
3721
3780
|
for (const id of Object.keys(keyborgs)) {
|
|
3722
3781
|
Keyborg.update(keyborgs[id], this.isNavigatingWithKeyboard);
|
|
@@ -3731,7 +3790,7 @@ var KeyborgCore = class {
|
|
|
3731
3790
|
if (e.key === "Tab") {
|
|
3732
3791
|
return true;
|
|
3733
3792
|
}
|
|
3734
|
-
const activeElement = (_a = this._win) == null ?
|
|
3793
|
+
const activeElement = (_a = this._win) == null ? undefined : _a.document.activeElement;
|
|
3735
3794
|
const isTriggerKey = !this._triggerKeys || this._triggerKeys.has(e.keyCode);
|
|
3736
3795
|
const isEditable = activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.isContentEditable);
|
|
3737
3796
|
return isTriggerKey && !isEditable;
|
|
@@ -3741,18 +3800,18 @@ var KeyborgCore = class {
|
|
|
3741
3800
|
*/
|
|
3742
3801
|
_shouldDismissKeyboardNavigation(e) {
|
|
3743
3802
|
var _a;
|
|
3744
|
-
return (_a = this._dismissKeys) == null ?
|
|
3803
|
+
return (_a = this._dismissKeys) == null ? undefined : _a.has(e.keyCode);
|
|
3745
3804
|
}
|
|
3746
3805
|
_scheduleDismiss() {
|
|
3747
3806
|
const win = this._win;
|
|
3748
3807
|
if (win) {
|
|
3749
3808
|
if (this._dismissTimer) {
|
|
3750
3809
|
win.clearTimeout(this._dismissTimer);
|
|
3751
|
-
this._dismissTimer =
|
|
3810
|
+
this._dismissTimer = undefined;
|
|
3752
3811
|
}
|
|
3753
3812
|
const was = win.document.activeElement;
|
|
3754
3813
|
this._dismissTimer = win.setTimeout(() => {
|
|
3755
|
-
this._dismissTimer =
|
|
3814
|
+
this._dismissTimer = undefined;
|
|
3756
3815
|
const cur = win.document.activeElement;
|
|
3757
3816
|
if (was && cur && was === cur) {
|
|
3758
3817
|
this.isNavigatingWithKeyboard = false;
|
|
@@ -3792,8 +3851,8 @@ var Keyborg = class _Keyborg {
|
|
|
3792
3851
|
}
|
|
3793
3852
|
dispose() {
|
|
3794
3853
|
var _a;
|
|
3795
|
-
const current = (_a = this._win) == null ?
|
|
3796
|
-
if (current == null ?
|
|
3854
|
+
const current = (_a = this._win) == null ? undefined : _a.__keyborg;
|
|
3855
|
+
if (current == null ? undefined : current.refs[this._id]) {
|
|
3797
3856
|
delete current.refs[this._id];
|
|
3798
3857
|
if (Object.keys(current.refs).length === 0) {
|
|
3799
3858
|
current.core.dispose();
|
|
@@ -3813,7 +3872,7 @@ var Keyborg = class _Keyborg {
|
|
|
3813
3872
|
*/
|
|
3814
3873
|
isNavigatingWithKeyboard() {
|
|
3815
3874
|
var _a;
|
|
3816
|
-
return !!((_a = this._core) == null ?
|
|
3875
|
+
return !!((_a = this._core) == null ? undefined : _a.isNavigatingWithKeyboard);
|
|
3817
3876
|
}
|
|
3818
3877
|
/**
|
|
3819
3878
|
* @param callback - Called when the keyboard navigation state changes
|
|
@@ -3920,16 +3979,16 @@ function alreadyInScope(el) {
|
|
|
3920
3979
|
if (el.focusVisible) {
|
|
3921
3980
|
return true;
|
|
3922
3981
|
}
|
|
3923
|
-
return alreadyInScope(el === null || el ===
|
|
3982
|
+
return alreadyInScope(el === null || el === undefined ? undefined : el.parentElement);
|
|
3924
3983
|
}
|
|
3925
3984
|
|
|
3926
3985
|
function useFocusVisible(options = {}) {
|
|
3927
3986
|
const contextValue = useFluent();
|
|
3928
3987
|
const scopeRef = React.useRef(null);
|
|
3929
3988
|
var _options_targetDocument;
|
|
3930
|
-
const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !==
|
|
3989
|
+
const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== undefined ? _options_targetDocument : contextValue.targetDocument;
|
|
3931
3990
|
React.useEffect(()=>{
|
|
3932
|
-
if ((targetDocument === null || targetDocument ===
|
|
3991
|
+
if ((targetDocument === null || targetDocument === undefined ? undefined : targetDocument.defaultView) && scopeRef.current) {
|
|
3933
3992
|
return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);
|
|
3934
3993
|
}
|
|
3935
3994
|
}, [
|
|
@@ -5107,7 +5166,7 @@ const insertSheet = (tag, rule)=>{
|
|
|
5107
5166
|
useHandleSSRStyleElements(targetDocument, styleTagId);
|
|
5108
5167
|
useInsertionEffect(()=>{
|
|
5109
5168
|
// The style element could already have been created during SSR - no need to recreate it
|
|
5110
|
-
const ssrStyleElement = targetDocument === null || targetDocument ===
|
|
5169
|
+
const ssrStyleElement = targetDocument === null || targetDocument === undefined ? undefined : targetDocument.getElementById(styleTagId);
|
|
5111
5170
|
if (ssrStyleElement) {
|
|
5112
5171
|
styleTag.current = ssrStyleElement;
|
|
5113
5172
|
} else {
|
|
@@ -5121,7 +5180,7 @@ const insertSheet = (tag, rule)=>{
|
|
|
5121
5180
|
}
|
|
5122
5181
|
return ()=>{
|
|
5123
5182
|
var _styleTag_current;
|
|
5124
|
-
(_styleTag_current = styleTag.current) === null || _styleTag_current ===
|
|
5183
|
+
(_styleTag_current = styleTag.current) === null || _styleTag_current === undefined ? undefined : _styleTag_current.remove();
|
|
5125
5184
|
};
|
|
5126
5185
|
}, [
|
|
5127
5186
|
styleTagId,
|
|
@@ -5181,7 +5240,7 @@ const DEFAULT_RENDERER_ATTRIBUTES = {};
|
|
|
5181
5240
|
const { styleTagId, rule } = useFluentProviderThemeStyleTag({
|
|
5182
5241
|
theme: mergedTheme,
|
|
5183
5242
|
targetDocument,
|
|
5184
|
-
rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !==
|
|
5243
|
+
rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== undefined ? _renderer_styleElementAttributes : DEFAULT_RENDERER_ATTRIBUTES
|
|
5185
5244
|
});
|
|
5186
5245
|
if (process.env.NODE_ENV !== 'production') {
|
|
5187
5246
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
@@ -5288,7 +5347,7 @@ const FluentProvider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
|
5288
5347
|
FluentProvider.displayName = 'FluentProvider';
|
|
5289
5348
|
|
|
5290
5349
|
function isNamedUnion(union) {
|
|
5291
|
-
return union.name !==
|
|
5350
|
+
return union.name !== undefined;
|
|
5292
5351
|
}
|
|
5293
5352
|
|
|
5294
5353
|
const mono = "_mono_ouyit_1";
|
|
@@ -5503,7 +5562,7 @@ function getPropertyRendering(type, key) {
|
|
|
5503
5562
|
return action;
|
|
5504
5563
|
}
|
|
5505
5564
|
|
|
5506
|
-
const TreeNavigatorContext = createContext(
|
|
5565
|
+
const TreeNavigatorContext = createContext(undefined);
|
|
5507
5566
|
function useTreeNavigatorOptional() {
|
|
5508
5567
|
return useContext(TreeNavigatorContext);
|
|
5509
5568
|
}
|
|
@@ -5567,7 +5626,7 @@ const ParentReference = ({ type }) => {
|
|
|
5567
5626
|
case "Scalar":
|
|
5568
5627
|
case "Model":
|
|
5569
5628
|
case "Union":
|
|
5570
|
-
if (type.name !==
|
|
5629
|
+
if (type.name !== undefined) {
|
|
5571
5630
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(NamedTypeRef, { type });
|
|
5572
5631
|
} else {
|
|
5573
5632
|
return null;
|
|
@@ -5630,8 +5689,8 @@ const SimpleType = ({ type, children }) => {
|
|
|
5630
5689
|
const EntityProperties = ({ entity: type }) => {
|
|
5631
5690
|
const props = Object.entries(type).map(([key, value]) => {
|
|
5632
5691
|
const action = getPropertyRendering(type, key);
|
|
5633
|
-
if (action ===
|
|
5634
|
-
return
|
|
5692
|
+
if (action === undefined || action === "skip") {
|
|
5693
|
+
return undefined;
|
|
5635
5694
|
}
|
|
5636
5695
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(EntityProperty, { name: key, value, action }, key);
|
|
5637
5696
|
}).filter((x) => Boolean(x));
|
|
@@ -5653,7 +5712,7 @@ const EntityPropertyValue = ({ value, action }) => {
|
|
|
5653
5712
|
const renderRef = action === "ref";
|
|
5654
5713
|
return renderRef ? /* @__PURE__ */ jsxRuntimeExports.jsx(EntityReference, { entity: x }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityUI, { entity: x });
|
|
5655
5714
|
};
|
|
5656
|
-
if (value ===
|
|
5715
|
+
if (value === undefined) {
|
|
5657
5716
|
return null;
|
|
5658
5717
|
} else if (value.entityKind) {
|
|
5659
5718
|
return render(value);
|