Initial commit

This commit is contained in:
2025-03-07 19:22:02 +01:00
commit 4a98255d83
55743 changed files with 5280367 additions and 0 deletions
@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "TableResizeHandle", {
enumerable: true,
get: function() {
return TableResizeHandle;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _useTableResizeHandle = require("./useTableResizeHandle");
const _renderTableResizeHandle = require("./renderTableResizeHandle");
const _useTableResizeHandleStylesstyles = require("./useTableResizeHandleStyles.styles");
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const TableResizeHandle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useTableResizeHandle.useTableResizeHandle_unstable)(props, ref);
(0, _useTableResizeHandleStylesstyles.useTableResizeHandleStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTableResizeHandleStyles_unstable')(state);
return (0, _renderTableResizeHandle.renderTableResizeHandle_unstable)(state);
});
TableResizeHandle.displayName = 'TableResizeHandle';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TableResizeHandle/TableResizeHandle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n const state = useTableResizeHandle_unstable(props, ref);\n\n useTableResizeHandleStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTableResizeHandleStyles_unstable')(state);\n\n return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"names":["TableResizeHandle","React","forwardRef","props","ref","state","useTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyleHook_unstable","renderTableResizeHandle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;sCACuB;yCACG;kDACG;qCAGR;AAKrC,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IAEnDG,IAAAA,qEAAAA,EAAoCF;IAEpCG,IAAAA,gDAAAA,EAA4B,uCAAuCH;IAEnE,OAAOI,IAAAA,yDAAAA,EAAiCJ;AAC1C;AAEAL,kBAAkBU,WAAW,GAAG"}
@@ -0,0 +1,6 @@
/**
* State used in rendering TableResizeHandle
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TableResizeHandle/TableResizeHandle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableResizeHandleSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * TableResizeHandle Props\n */\nexport type TableResizeHandleProps = ComponentProps<TableResizeHandleSlots> & {};\n\n/**\n * State used in rendering TableResizeHandle\n */\nexport type TableResizeHandleState = ComponentState<TableResizeHandleSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
TableResizeHandle: function() {
return _TableResizeHandle.TableResizeHandle;
},
renderTableResizeHandle_unstable: function() {
return _renderTableResizeHandle.renderTableResizeHandle_unstable;
},
tableResizeHandleClassNames: function() {
return _useTableResizeHandleStylesstyles.tableResizeHandleClassNames;
},
useTableResizeHandleStyles_unstable: function() {
return _useTableResizeHandleStylesstyles.useTableResizeHandleStyles_unstable;
},
useTableResizeHandle_unstable: function() {
return _useTableResizeHandle.useTableResizeHandle_unstable;
}
});
const _TableResizeHandle = require("./TableResizeHandle");
const _renderTableResizeHandle = require("./renderTableResizeHandle");
const _useTableResizeHandle = require("./useTableResizeHandle");
const _useTableResizeHandleStylesstyles = require("./useTableResizeHandleStyles.styles");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TableResizeHandle/index.ts"],"sourcesContent":["export { TableResizeHandle } from './TableResizeHandle';\nexport type { TableResizeHandleProps, TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle.types';\nexport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nexport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nexport { tableResizeHandleClassNames, useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles';\n"],"names":["TableResizeHandle","renderTableResizeHandle_unstable","tableResizeHandleClassNames","useTableResizeHandleStyles_unstable","useTableResizeHandle_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,iBAAiB;eAAjBA,oCAAiB;;IAEjBC,gCAAgC;eAAhCA,yDAAgC;;IAEhCC,2BAA2B;eAA3BA,6DAA2B;;IAAEC,mCAAmC;eAAnCA,qEAAmC;;IADhEC,6BAA6B;eAA7BA,mDAA6B;;;mCAHJ;yCAEe;sCACH;kDACmC"}
@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderTableResizeHandle_unstable", {
enumerable: true,
get: function() {
return renderTableResizeHandle_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderTableResizeHandle_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TableResizeHandle/renderTableResizeHandle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { TableResizeHandleState, TableResizeHandleSlots } from './TableResizeHandle.types';\n\n/**\n * Render the final JSX of TableResizeHandle\n */\nexport const renderTableResizeHandle_unstable = (state: TableResizeHandleState) => {\n assertSlots<TableResizeHandleSlots>(state);\n return <state.root />;\n};\n"],"names":["renderTableResizeHandle_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,mCAAmC,CAACC;IAC/CC,IAAAA,2BAAAA,EAAoCD;IACpC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
@@ -0,0 +1,35 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useTableResizeHandle_unstable", {
enumerable: true,
get: function() {
return useTableResizeHandle_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const useTableResizeHandle_unstable = (props, ref)=>{
const onClick = (0, _reactutilities.useEventCallback)((event)=>{
var _props_onClick;
(_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, event);
event.stopPropagation();
});
return {
components: {
root: 'div'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
// FIXME:
// `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
// but since it would be a breaking change to fix it, we are casting ref to it's proper type
ref: ref,
...props,
onClick
}), {
elementType: 'div'
})
};
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/TableResizeHandle/useTableResizeHandle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TableResizeHandleProps, TableResizeHandleState } from './TableResizeHandle.types';\n\n/**\n * Create the state required to render TableResizeHandle.\n *\n * The returned state can be modified with hooks such as useTableResizeHandleStyles_unstable,\n * before being passed to renderTableResizeHandle_unstable.\n *\n * @param props - props from this instance of TableResizeHandle\n * @param ref - reference to root HTMLElement of TableResizeHandle\n */\nexport const useTableResizeHandle_unstable = (\n props: TableResizeHandleProps,\n ref: React.Ref<HTMLElement>,\n): TableResizeHandleState => {\n const onClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n props.onClick?.(event);\n event.stopPropagation();\n });\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n onClick,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useTableResizeHandle_unstable","props","ref","onClick","useEventCallback","event","stopPropagation","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gCAC0C;AAY1D,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAMC,UAAUC,IAAAA,gCAAAA,EAAiB,CAACC;YAChCJ;QAAAA,CAAAA,iBAAAA,MAAME,OAAO,AAAPA,MAAO,QAAbF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA,OAAgBI;QAChBA,MAAMC,eAAe;IACvB;IACA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FT,KAAKA;YACL,GAAGD,KAAK;YACRE;QACF,IACA;YAAES,aAAa;QAAM;IAEzB;AACF"}
@@ -0,0 +1,102 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
tableResizeHandleClassNames: function() {
return tableResizeHandleClassNames;
},
useTableResizeHandleStyles_unstable: function() {
return useTableResizeHandleStyles_unstable;
}
});
const _react = require("@griffel/react");
const tableResizeHandleClassNames = {
root: 'fui-TableResizeHandle'
};
/**
* Styles for the root slot
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
qhf8xq: "f1euv43f",
j35jbq: [
"f1e31b4d",
"f1vgc2s3"
],
Bhzewxz: "f15twtuk",
B5kzvoi: "f1yab3r1",
a9b677: "fjw5fx7",
jrapky: 0,
Frg6f3: 0,
t21cq0: 0,
B6of3ja: 0,
B74szlk: "fg06o1j",
Bceei9c: "fc3en1c",
abs64n: "fk73vx1",
Bmy1vo4: "f13u1uyl",
B3o57yi: "fezquic",
Bj3rh1h: "f19g0ac",
B3cna0y: "f1tkae59",
Brovlpu: "ftqa4ok",
B7zu5sd: "f15pjodv",
Bsft5z2: "f1rcdj94",
ap17g6: "f2gz7yw",
a2br6o: "ff2ryt5",
E3zdtr: "f1mdlcz9",
Eqx8gd: [
"f10awi5f",
"f1nzedbg"
],
bn5sak: "frwkxtg",
By385i5: "fo72kxq",
Bjyk6c5: "fdlpgxj"
}
}, {
d: [
".f1euv43f{position:absolute;}",
".f1e31b4d{right:0;}",
".f1vgc2s3{left:0;}",
".f15twtuk{top:0;}",
".f1yab3r1{bottom:0;}",
".fjw5fx7{width:16px;}",
[
".fg06o1j{margin:0 -8px;}",
{
p: -1
}
],
".fc3en1c{cursor:col-resize;}",
".fk73vx1{opacity:0;}",
".f13u1uyl{transition-property:opacity;}",
".fezquic{transition-duration:.2s;}",
".f19g0ac{z-index:1;}",
".f1rcdj94::after{content:\" \";}",
".f2gz7yw::after{display:block;}",
".ff2ryt5::after{width:1px;}",
".f1mdlcz9::after{position:absolute;}",
".f10awi5f::after{left:50%;}",
".f1nzedbg::after{right:50%;}",
".frwkxtg::after{top:0;}",
".fo72kxq::after{bottom:0;}",
".fdlpgxj::after{background-color:var(--colorNeutralStroke1);}"
],
f: [
".f1tkae59:focus{opacity:1;}",
".ftqa4ok:focus{outline-style:none;}"
],
h: [
".f15pjodv:hover{opacity:1;}"
]
});
const useTableResizeHandleStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(tableResizeHandleClassNames.root, styles.root, state.root.className);
return state;
};
@@ -0,0 +1 @@
{"version":3,"sources":["useTableResizeHandleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableResizeHandleClassNames = {\n root: 'fui-TableResizeHandle'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'absolute',\n right: 0,\n top: 0,\n bottom: 0,\n width: '16px',\n margin: '0 -8px',\n cursor: 'col-resize',\n opacity: 0,\n transitionProperty: 'opacity',\n transitionDuration: '.2s',\n zIndex: 1,\n // If mouse users focus on the resize handle through a context menu, we want the handle\n // to be visible because the mouse might not be hovering over the handle\n ':focus': {\n opacity: 1,\n outlineStyle: 'none'\n },\n ':hover': {\n opacity: 1\n },\n '::after': {\n content: '\" \"',\n display: 'block',\n width: '1px',\n position: 'absolute',\n left: '50%',\n top: 0,\n bottom: 0,\n backgroundColor: tokens.colorNeutralStroke1\n }\n }\n});\n/**\n * Apply styling to the TableResizeHandle slots based on the state\n */ export const useTableResizeHandleStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(tableResizeHandleClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["tableResizeHandleClassNames","useTableResizeHandleStyles_unstable","root","useStyles","__styles","qhf8xq","j35jbq","Bhzewxz","B5kzvoi","a9b677","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Bceei9c","abs64n","Bmy1vo4","B3o57yi","Bj3rh1h","B3cna0y","Brovlpu","B7zu5sd","Bsft5z2","ap17g6","a2br6o","E3zdtr","Eqx8gd","bn5sak","By385i5","Bjyk6c5","d","p","f","h","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IAyCIC,mCAAmC;eAAnCA;;;uBA3CwB;AAElC,MAAMD,8BAA8B;IACvCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAoCX,MAAMjC,sCAAuCkC,CAAAA;IACpD;IACA,MAAMC,SAASjC;IACfgC,MAAMjC,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACtC,4BAA4BE,IAAI,EAAEkC,OAAOlC,IAAI,EAAEiC,MAAMjC,IAAI,CAACmC,SAAS;IACvG,OAAOF;AACX"}