Lago/power-apps-codeapps-blog-part2
Private
Public Access
1
0
Fork 0
Code Activity

feat: Fluent UI Outlook Lite + connections mockup

Browse Source
This commit is contained in:
Lago
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
node_modules/@fluentui/react-menu/lib/selectable/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
export { useCheckmarkStyles_unstable } from './useCheckmarkStyles.styles';

1
node_modules/@fluentui/react-menu/lib/selectable/index.js.map generated vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/selectable/index.ts"],"sourcesContent":["export { useCheckmarkStyles_unstable } from './useCheckmarkStyles.styles';\nexport type { MenuItemSelectableProps, MenuItemSelectableState, SelectableHandler } from './types';\n"],"names":["useCheckmarkStyles_unstable"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,8BAA8B"}

1
node_modules/@fluentui/react-menu/lib/selectable/types.js generated vendored Normal file
View File

@@ -0,0 +1 @@
import * as React from 'react';

1
node_modules/@fluentui/react-menu/lib/selectable/types.js.map generated vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/selectable/types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type SelectableHandler = (\n e: React.MouseEvent | React.KeyboardEvent,\n name: string,\n value: string,\n checked: boolean,\n) => void;\n\n/**\n * Props for selecatble menu items\n */\nexport type MenuItemSelectableProps = {\n /**\n * Follows input convention\n * https://www.w3schools.com/jsref/prop_checkbox_name.asp\n */\n name: string;\n\n /**\n * Follows input convention\n * https://www.w3schools.com/jsref/prop_checkbox_value.asp\n */\n value: string;\n};\n\n/**\n * State for selectable menu items\n */\nexport type MenuItemSelectableState = MenuItemSelectableProps & {\n /**\n * Selectable is checked\n */\n checked: boolean;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

30
node_modules/@fluentui/react-menu/lib/selectable/useCheckmarkStyles.styles.js generated vendored Normal file
View File

@@ -0,0 +1,30 @@
'use client';
import { mergeClasses, __styles } from '@griffel/react';
const useStyles = /*#__PURE__*/__styles({
root: {
a9b677: "fjw5fx7",
Bqenvij: "fd461yt",
Bcdw1i0: "fd7fpy0",
Bnnss6s: "fi64zpg"
},
rootChecked: {
Bcdw1i0: "f1022m68",
Bnnss6s: "fi64zpg"
}
}, {
d: [".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", ".fd7fpy0{visibility:hidden;}", ".fi64zpg{flex-shrink:0;}", ".f1022m68{visibility:visible;}"]
});
/**
* Applies styles to a checkmark slot for selectable menu items
*
* @param state - should contain a `checkmark` slot
*/
export const useCheckmarkStyles_unstable = state => {
'use no memo';
const styles = useStyles();
if (state.checkmark) {
state.checkmark.className = mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
}
};

1
node_modules/@fluentui/react-menu/lib/selectable/useCheckmarkStyles.styles.js.map generated vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"names":["mergeClasses","__styles","useStyles","root","a9b677","Bqenvij","Bcdw1i0","Bnnss6s","rootChecked","d","useCheckmarkStyles_unstable","state","styles","checkmark","className","checked"],"sources":["useCheckmarkStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nconst useStyles = makeStyles({\n root: {\n width: '16px',\n height: '16px',\n visibility: 'hidden',\n flexShrink: 0\n },\n rootChecked: {\n visibility: 'visible',\n flexShrink: 0\n }\n});\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */ export const useCheckmarkStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);\n }\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACzD,MAAMC,SAAS,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,WAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAWjB,CAAC;AACF;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,2BAA2B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACb,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;EAC1B,IAAIS,KAAK,CAACE,SAAS,EAAE;IACjBF,KAAK,CAACE,SAAS,CAACC,SAAS,GAAGd,YAAY,CAACY,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACI,OAAO,IAAIH,MAAM,CAACJ,WAAW,EAAEG,KAAK,CAACE,SAAS,CAACC,SAAS,CAAC;EACzH;AACJ,CAAC","ignoreList":[]}

25
node_modules/@fluentui/react-menu/lib/selectable/useCheckmarkStyles.styles.raw.js generated vendored Normal file
View File

@@ -0,0 +1,25 @@
'use client';
import { mergeClasses, makeStyles } from '@griffel/react';
const useStyles = makeStyles({
root: {
width: '16px',
height: '16px',
visibility: 'hidden',
flexShrink: 0
},
rootChecked: {
visibility: 'visible',
flexShrink: 0
}
});
/**
* Applies styles to a checkmark slot for selectable menu items
*
* @param state - should contain a `checkmark` slot
*/ export const useCheckmarkStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
if (state.checkmark) {
state.checkmark.className = mergeClasses(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
}
};

1
node_modules/@fluentui/react-menu/lib/selectable/useCheckmarkStyles.styles.raw.js.map generated vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/selectable/useCheckmarkStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n root: {\n width: '16px',\n height: '16px',\n visibility: 'hidden',\n flexShrink: 0,\n },\n rootChecked: {\n visibility: 'visible',\n flexShrink: 0,\n },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (\n state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>,\n): void => {\n 'use no memo';\n\n const styles = useStyles();\n if (state.checkmark) {\n state.checkmark.className = mergeClasses(\n styles.root,\n state.checked && styles.rootChecked,\n state.checkmark.className,\n );\n }\n};\n"],"names":["mergeClasses","makeStyles","useStyles","root","width","height","visibility","flexShrink","rootChecked","useCheckmarkStyles_unstable","state","styles","checkmark","className","checked"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAI1D,MAAMC,YAAYD,WAAW;IAC3BE,MAAM;QACJC,OAAO;QACPC,QAAQ;QACRC,YAAY;QACZC,YAAY;IACd;IACAC,aAAa;QACXF,YAAY;QACZC,YAAY;IACd;AACF;AAEA;;;;CAIC,GACD,OAAO,MAAME,8BAA8B,CACzCC;IAEA;IAEA,MAAMC,SAAST;IACf,IAAIQ,MAAME,SAAS,EAAE;QACnBF,MAAME,SAAS,CAACC,SAAS,GAAGb,aAC1BW,OAAOR,IAAI,EACXO,MAAMI,OAAO,IAAIH,OAAOH,WAAW,EACnCE,MAAME,SAAS,CAACC,SAAS;IAE7B;AACF,EAAE"}