@fluentui/react-utilities 9.10.0 → 9.11.0

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.
Files changed (44) hide show
  1. package/CHANGELOG.json +52 -1
  2. package/CHANGELOG.md +21 -2
  3. package/dist/index.d.ts +111 -1
  4. package/lib/compose/assertSlots.js +42 -0
  5. package/lib/compose/assertSlots.js.map +1 -0
  6. package/lib/compose/constants.js +4 -0
  7. package/lib/compose/constants.js.map +1 -1
  8. package/lib/compose/getSlots.js +4 -1
  9. package/lib/compose/getSlots.js.map +1 -1
  10. package/lib/compose/getSlotsNext.js +5 -0
  11. package/lib/compose/getSlotsNext.js.map +1 -1
  12. package/lib/compose/index.js +4 -0
  13. package/lib/compose/index.js.map +1 -1
  14. package/lib/compose/isSlot.js +7 -0
  15. package/lib/compose/isSlot.js.map +1 -0
  16. package/lib/compose/resolveShorthand.js +8 -22
  17. package/lib/compose/resolveShorthand.js.map +1 -1
  18. package/lib/compose/slot.js +59 -0
  19. package/lib/compose/slot.js.map +1 -0
  20. package/lib/compose/types.js.map +1 -1
  21. package/lib/index.js +1 -1
  22. package/lib/index.js.map +1 -1
  23. package/lib/selection/useSelection.js +10 -22
  24. package/lib/selection/useSelection.js.map +1 -1
  25. package/lib-commonjs/compose/assertSlots.js +32 -0
  26. package/lib-commonjs/compose/assertSlots.js.map +1 -0
  27. package/lib-commonjs/compose/constants.js +10 -3
  28. package/lib-commonjs/compose/constants.js.map +1 -1
  29. package/lib-commonjs/compose/getSlots.js +4 -1
  30. package/lib-commonjs/compose/getSlots.js.map +1 -1
  31. package/lib-commonjs/compose/getSlotsNext.js.map +1 -1
  32. package/lib-commonjs/compose/index.js +8 -0
  33. package/lib-commonjs/compose/index.js.map +1 -1
  34. package/lib-commonjs/compose/isSlot.js +12 -0
  35. package/lib-commonjs/compose/isSlot.js.map +1 -0
  36. package/lib-commonjs/compose/resolveShorthand.js +9 -22
  37. package/lib-commonjs/compose/resolveShorthand.js.map +1 -1
  38. package/lib-commonjs/compose/slot.js +52 -0
  39. package/lib-commonjs/compose/slot.js.map +1 -0
  40. package/lib-commonjs/index.js +4 -0
  41. package/lib-commonjs/index.js.map +1 -1
  42. package/lib-commonjs/selection/useSelection.js +10 -22
  43. package/lib-commonjs/selection/useSelection.js.map +1 -1
  44. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["useSelection.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState } from '../hooks/useControllableState';\nimport { createSetFromIterable } from '../utils/createSetFromIterable';\nfunction useSingleSelection(params) {\n const [selected, setSelected] = useControllableState({\n initialState: new Set(),\n defaultState: React.useMemo(()=>params.defaultSelectedItems && createSetFromIterable(params.defaultSelectedItems), [\n params.defaultSelectedItems\n ]),\n state: React.useMemo(()=>params.selectedItems && createSetFromIterable(params.selectedItems), [\n params.selectedItems\n ])\n });\n const changeSelection = (event, nextSelectedItems)=>{\n var _params_onSelectionChange;\n (_params_onSelectionChange = params.onSelectionChange) === null || _params_onSelectionChange === void 0 ? void 0 : _params_onSelectionChange.call(params, event, {\n selectedItems: nextSelectedItems\n });\n if (!event.isDefaultPrevented()) {\n setSelected(nextSelectedItems);\n }\n };\n var _selected_has;\n const methods = {\n deselectItem: (event)=>changeSelection(event, new Set()),\n selectItem: (event, itemId)=>changeSelection(event, new Set([\n itemId\n ])),\n toggleAllItems: ()=>{\n if (process.env.NODE_ENV !== 'production') {\n throw new Error('[react-utilities]: `toggleAllItems` should not be used in single selection mode');\n }\n },\n toggleItem: (event, itemId)=>changeSelection(event, new Set([\n itemId\n ])),\n clearItems: (event)=>changeSelection(event, new Set()),\n isSelected: (itemId)=>(_selected_has = selected.has(itemId)) !== null && _selected_has !== void 0 ? _selected_has : false\n };\n return [\n selected,\n methods\n ];\n}\nfunction useMultipleSelection(params) {\n const [selected, setSelected] = useControllableState({\n initialState: new Set(),\n defaultState: React.useMemo(()=>params.defaultSelectedItems && createSetFromIterable(params.defaultSelectedItems), [\n params.defaultSelectedItems\n ]),\n state: React.useMemo(()=>params.selectedItems && createSetFromIterable(params.selectedItems), [\n params.selectedItems\n ])\n });\n const changeSelection = (event, nextSelectedItems)=>{\n var _params_onSelectionChange;\n (_params_onSelectionChange = params.onSelectionChange) === null || _params_onSelectionChange === void 0 ? void 0 : _params_onSelectionChange.call(params, event, {\n selectedItems: nextSelectedItems\n });\n if (!event.isDefaultPrevented()) {\n setSelected(nextSelectedItems);\n }\n };\n const methods = {\n toggleItem: (event, itemId)=>{\n const nextSelectedItems = new Set(selected);\n if (selected.has(itemId)) {\n nextSelectedItems.delete(itemId);\n } else {\n nextSelectedItems.add(itemId);\n }\n changeSelection(event, nextSelectedItems);\n },\n selectItem: (event, itemId)=>{\n const nextSelectedItems = new Set(selected);\n nextSelectedItems.add(itemId);\n changeSelection(event, nextSelectedItems);\n },\n deselectItem: (event, itemId)=>{\n const nextSelectedItems = new Set(selected);\n nextSelectedItems.delete(itemId);\n changeSelection(event, nextSelectedItems);\n },\n clearItems: (event)=>{\n changeSelection(event, new Set());\n },\n isSelected: (itemId)=>selected.has(itemId),\n toggleAllItems: (event, itemIds)=>{\n const allItemsSelected = itemIds.every((itemId)=>selected.has(itemId));\n const nextSelectedItems = new Set(selected);\n if (allItemsSelected) {\n nextSelectedItems.clear();\n } else {\n itemIds.forEach((itemId)=>nextSelectedItems.add(itemId));\n }\n changeSelection(event, nextSelectedItems);\n }\n };\n return [\n selected,\n methods\n ];\n}\nexport function useSelection(params) {\n if (params.selectionMode === 'multiselect') {\n // selectionMode is a static value, so we can safely ignore rules-of-hooks\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useMultipleSelection(params);\n }\n // selectionMode is a static value, so we can safely ignore rules-of-hooks\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useSingleSelection(params);\n}\n"],"names":["useSelection","useSingleSelection","params","selected","setSelected","useControllableState","initialState","Set","defaultState","React","useMemo","defaultSelectedItems","createSetFromIterable","state","selectedItems","changeSelection","event","nextSelectedItems","_params_onSelectionChange","onSelectionChange","call","isDefaultPrevented","_selected_has","methods","deselectItem","selectItem","itemId","toggleAllItems","process","env","NODE_ENV","Error","toggleItem","clearItems","isSelected","has","useMultipleSelection","delete","add","itemIds","allItemsSelected","every","clear","forEach","selectionMode"],"mappings":";;;;+BAuGgBA;;aAAAA;;;6DAvGO;sCACc;uCACC;AACtC,SAASC,mBAAmBC,MAAM,EAAE;IAChC,MAAM,CAACC,UAAUC,YAAY,GAAGC,IAAAA,0CAAoB,EAAC;QACjDC,cAAc,IAAIC;QAClBC,cAAcC,OAAMC,OAAO,CAAC,IAAIR,OAAOS,oBAAoB,IAAIC,IAAAA,4CAAqB,EAACV,OAAOS,oBAAoB,GAAG;YAC/GT,OAAOS,oBAAoB;SAC9B;QACDE,OAAOJ,OAAMC,OAAO,CAAC,IAAIR,OAAOY,aAAa,IAAIF,IAAAA,4CAAqB,EAACV,OAAOY,aAAa,GAAG;YAC1FZ,OAAOY,aAAa;SACvB;IACL;IACA,MAAMC,kBAAkB,CAACC,OAAOC,oBAAoB;QAChD,IAAIC;QACHA,CAAAA,4BAA4BhB,OAAOiB,iBAAiB,AAAD,MAAO,IAAI,IAAID,8BAA8B,KAAK,IAAI,KAAK,IAAIA,0BAA0BE,IAAI,CAAClB,QAAQc,OAAO;YAC7JF,eAAeG;QACnB,EAAE;QACF,IAAI,CAACD,MAAMK,kBAAkB,IAAI;YAC7BjB,YAAYa;QAChB,CAAC;IACL;IACA,IAAIK;IACJ,MAAMC,UAAU;QACZC,cAAc,CAACR,QAAQD,gBAAgBC,OAAO,IAAIT;QAClDkB,YAAY,CAACT,OAAOU,SAASX,gBAAgBC,OAAO,IAAIT,IAAI;gBACpDmB;aACH;QACLC,gBAAgB,IAAI;YAChB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACvC,MAAM,IAAIC,MAAM,mFAAmF;YACvG,CAAC;QACL;QACAC,YAAY,CAAChB,OAAOU,SAASX,gBAAgBC,OAAO,IAAIT,IAAI;gBACpDmB;aACH;QACLO,YAAY,CAACjB,QAAQD,gBAAgBC,OAAO,IAAIT;QAChD2B,YAAY,CAACR,SAAS,AAACJ,CAAAA,gBAAgBnB,SAASgC,GAAG,CAACT,OAAM,MAAO,IAAI,IAAIJ,kBAAkB,KAAK,IAAIA,gBAAgB,KAAK;IAC7H;IACA,OAAO;QACHnB;QACAoB;KACH;AACL;AACA,SAASa,qBAAqBlC,MAAM,EAAE;IAClC,MAAM,CAACC,UAAUC,YAAY,GAAGC,IAAAA,0CAAoB,EAAC;QACjDC,cAAc,IAAIC;QAClBC,cAAcC,OAAMC,OAAO,CAAC,IAAIR,OAAOS,oBAAoB,IAAIC,IAAAA,4CAAqB,EAACV,OAAOS,oBAAoB,GAAG;YAC/GT,OAAOS,oBAAoB;SAC9B;QACDE,OAAOJ,OAAMC,OAAO,CAAC,IAAIR,OAAOY,aAAa,IAAIF,IAAAA,4CAAqB,EAACV,OAAOY,aAAa,GAAG;YAC1FZ,OAAOY,aAAa;SACvB;IACL;IACA,MAAMC,kBAAkB,CAACC,OAAOC,oBAAoB;QAChD,IAAIC;QACHA,CAAAA,4BAA4BhB,OAAOiB,iBAAiB,AAAD,MAAO,IAAI,IAAID,8BAA8B,KAAK,IAAI,KAAK,IAAIA,0BAA0BE,IAAI,CAAClB,QAAQc,OAAO;YAC7JF,eAAeG;QACnB,EAAE;QACF,IAAI,CAACD,MAAMK,kBAAkB,IAAI;YAC7BjB,YAAYa;QAChB,CAAC;IACL;IACA,MAAMM,UAAU;QACZS,YAAY,CAAChB,OAAOU,SAAS;YACzB,MAAMT,oBAAoB,IAAIV,IAAIJ;YAClC,IAAIA,SAASgC,GAAG,CAACT,SAAS;gBACtBT,kBAAkBoB,MAAM,CAACX;YAC7B,OAAO;gBACHT,kBAAkBqB,GAAG,CAACZ;YAC1B,CAAC;YACDX,gBAAgBC,OAAOC;QAC3B;QACAQ,YAAY,CAACT,OAAOU,SAAS;YACzB,MAAMT,oBAAoB,IAAIV,IAAIJ;YAClCc,kBAAkBqB,GAAG,CAACZ;YACtBX,gBAAgBC,OAAOC;QAC3B;QACAO,cAAc,CAACR,OAAOU,SAAS;YAC3B,MAAMT,oBAAoB,IAAIV,IAAIJ;YAClCc,kBAAkBoB,MAAM,CAACX;YACzBX,gBAAgBC,OAAOC;QAC3B;QACAgB,YAAY,CAACjB,QAAQ;YACjBD,gBAAgBC,OAAO,IAAIT;QAC/B;QACA2B,YAAY,CAACR,SAASvB,SAASgC,GAAG,CAACT;QACnCC,gBAAgB,CAACX,OAAOuB,UAAU;YAC9B,MAAMC,mBAAmBD,QAAQE,KAAK,CAAC,CAACf,SAASvB,SAASgC,GAAG,CAACT;YAC9D,MAAMT,oBAAoB,IAAIV,IAAIJ;YAClC,IAAIqC,kBAAkB;gBAClBvB,kBAAkByB,KAAK;YAC3B,OAAO;gBACHH,QAAQI,OAAO,CAAC,CAACjB,SAAST,kBAAkBqB,GAAG,CAACZ;YACpD,CAAC;YACDX,gBAAgBC,OAAOC;QAC3B;IACJ;IACA,OAAO;QACHd;QACAoB;KACH;AACL;AACO,SAASvB,aAAaE,MAAM,EAAE;IACjC,IAAIA,OAAO0C,aAAa,KAAK,eAAe;QACxC,0EAA0E;QAC1E,sDAAsD;QACtD,OAAOR,qBAAqBlC;IAChC,CAAC;IACD,0EAA0E;IAC1E,sDAAsD;IACtD,OAAOD,mBAAmBC;AAC9B"}
1
+ {"version":3,"sources":["useSelection.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState } from '../hooks/useControllableState';\nimport { createSetFromIterable } from '../utils/createSetFromIterable';\nfunction useSelectionState(params) {\n const [selected, setSelected] = useControllableState({\n initialState: new Set(),\n defaultState: React.useMemo(()=>params.defaultSelectedItems && createSetFromIterable(params.defaultSelectedItems), [\n params.defaultSelectedItems\n ]),\n state: React.useMemo(()=>params.selectedItems && createSetFromIterable(params.selectedItems), [\n params.selectedItems\n ])\n });\n const changeSelection = (event, nextSelectedItems)=>{\n var _params_onSelectionChange;\n (_params_onSelectionChange = params.onSelectionChange) === null || _params_onSelectionChange === void 0 ? void 0 : _params_onSelectionChange.call(params, event, {\n selectedItems: nextSelectedItems\n });\n setSelected(nextSelectedItems);\n };\n return [\n selected,\n changeSelection\n ];\n}\nfunction useSingleSelection(params) {\n const [selected, changeSelection] = useSelectionState(params);\n var _selected_has;\n const methods = {\n deselectItem: (event)=>changeSelection(event, new Set()),\n selectItem: (event, itemId)=>changeSelection(event, new Set([\n itemId\n ])),\n toggleAllItems: ()=>{\n if (process.env.NODE_ENV !== 'production') {\n throw new Error('[react-utilities]: `toggleAllItems` should not be used in single selection mode');\n }\n },\n toggleItem: (event, itemId)=>changeSelection(event, new Set([\n itemId\n ])),\n clearItems: (event)=>changeSelection(event, new Set()),\n isSelected: (itemId)=>(_selected_has = selected.has(itemId)) !== null && _selected_has !== void 0 ? _selected_has : false\n };\n return [\n selected,\n methods\n ];\n}\nfunction useMultipleSelection(params) {\n const [selected, changeSelection] = useSelectionState(params);\n const methods = {\n toggleItem: (event, itemId)=>{\n const nextSelectedItems = new Set(selected);\n if (selected.has(itemId)) {\n nextSelectedItems.delete(itemId);\n } else {\n nextSelectedItems.add(itemId);\n }\n changeSelection(event, nextSelectedItems);\n },\n selectItem: (event, itemId)=>{\n const nextSelectedItems = new Set(selected);\n nextSelectedItems.add(itemId);\n changeSelection(event, nextSelectedItems);\n },\n deselectItem: (event, itemId)=>{\n const nextSelectedItems = new Set(selected);\n nextSelectedItems.delete(itemId);\n changeSelection(event, nextSelectedItems);\n },\n clearItems: (event)=>{\n changeSelection(event, new Set());\n },\n isSelected: (itemId)=>selected.has(itemId),\n toggleAllItems: (event, itemIds)=>{\n const allItemsSelected = itemIds.every((itemId)=>selected.has(itemId));\n const nextSelectedItems = new Set(selected);\n if (allItemsSelected) {\n nextSelectedItems.clear();\n } else {\n itemIds.forEach((itemId)=>nextSelectedItems.add(itemId));\n }\n changeSelection(event, nextSelectedItems);\n }\n };\n return [\n selected,\n methods\n ];\n}\nexport function useSelection(params) {\n if (params.selectionMode === 'multiselect') {\n // selectionMode is a static value, so we can safely ignore rules-of-hooks\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useMultipleSelection(params);\n }\n // selectionMode is a static value, so we can safely ignore rules-of-hooks\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useSingleSelection(params);\n}\n"],"names":["useSelection","useSelectionState","params","selected","setSelected","useControllableState","initialState","Set","defaultState","React","useMemo","defaultSelectedItems","createSetFromIterable","state","selectedItems","changeSelection","event","nextSelectedItems","_params_onSelectionChange","onSelectionChange","call","useSingleSelection","_selected_has","methods","deselectItem","selectItem","itemId","toggleAllItems","process","env","NODE_ENV","Error","toggleItem","clearItems","isSelected","has","useMultipleSelection","delete","add","itemIds","allItemsSelected","every","clear","forEach","selectionMode"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-utilities",
3
- "version": "9.10.0",
3
+ "version": "9.11.0",
4
4
  "description": "A set of general React-specific utilities.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -13,7 +13,7 @@
13
13
  "license": "MIT",
14
14
  "scripts": {
15
15
  "build": "just-scripts build",
16
- "bundle-size": "bundle-size measure",
16
+ "bundle-size": "monosize measure",
17
17
  "clean": "just-scripts clean",
18
18
  "code-style": "just-scripts code-style",
19
19
  "just": "just-scripts",