@fluentui/react-tag-picker 9.3.6 → 9.3.7

package/lib-commonjs/utils/useTagPickerFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTagPickerFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TagPickerOption } from '../TagPickerOption';\n\ntype UseTagPickerFilterConfig = {\n  query: string;\n  options: string[];\n  /**\n   * Provides a custom filter for the option.\n   * By default the filter will check if the option includes the query.\n   */\n  filter?: (option: string, index: number) => boolean;\n\n  /** Provides an element to be displayed when there are no options. */\n  noOptionsElement: JSX.Element;\n\n  /** Provides a custom render for the option. */\n  renderOption?: (option: string) => JSX.Element;\n};\n\nfunction defaultRenderOption(option: string) {\n  return (\n    <TagPickerOption value={option} key={option}>\n      {option}\n    </TagPickerOption>\n  );\n}\n\nexport function useTagPickerFilter({\n  filter: filterOverride,\n  noOptionsElement,\n  renderOption = defaultRenderOption,\n  query,\n  options,\n}: UseTagPickerFilterConfig) {\n  const defaultFilter = React.useCallback(\n    (option: string) => {\n      const trimmedQuery = query.trim();\n      if (trimmedQuery === '') {\n        return true;\n      }\n      return option.toLowerCase().includes(trimmedQuery.toLowerCase());\n    },\n    [query],\n  );\n  const filter = filterOverride ?? defaultFilter;\n  const filteredOptions = React.useMemo(\n    () =>\n      options.reduce<JSX.Element[]>((accumulator, option, index) => {\n        if (filter(option, index)) {\n          accumulator.push(renderOption(option));\n        }\n        return accumulator;\n      }, []),\n    [options, renderOption, filter],\n  );\n\n  return filteredOptions.length === 0\n    ? [noOptionsElement.key ? noOptionsElement : React.cloneElement(noOptionsElement, { key: 'no-options' })]\n    : filteredOptions;\n}\n"],"names":["useTagPickerFilter","defaultRenderOption","option","React","createElement","TagPickerOption","value","key","filter","filterOverride","noOptionsElement","renderOption","query","options","defaultFilter","useCallback","trimmedQuery","trim","toLowerCase","includes","filteredOptions","useMemo","reduce","accumulator","index","push","length","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;iCACS;AAkBhC,SAASC,oBAAoBC,MAAc;IACzC,OAAA,WAAA,GACEC,OAAAC,aAAA,CAACC,gCAAAA,EAAAA;QAAgBC,OAAOJ;QAAQK,KAAKL;OAClCA;AAGP;AAEO,SAASF,mBAAmB,EACjCQ,QAAQC,cAAc,EACtBC,gBAAgB,EAChBC,eAAeV,mBAAmB,EAClCW,KAAK,EACLC,OAAO,EACkB;IACzB,MAAMC,gBAAgBX,OAAMY,WAAW,CACrC,CAACb;QACC,MAAMc,eAAeJ,MAAMK,IAAI;QAC/B,IAAID,iBAAiB,IAAI;YACvB,OAAO;QACT;QACA,OAAOd,OAAOgB,WAAW,GAAGC,QAAQ,CAACH,aAAaE,WAAW;IAC/D,GACA;QAACN;KAAM;IAET,MAAMJ,SAASC,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,iBAAkBK;IACjC,MAAMM,kBAAkBjB,OAAMkB,OAAO,CACnC,IACER,QAAQS,MAAM,CAAgB,CAACC,aAAarB,QAAQsB;YAClD,IAAIhB,OAAON,QAAQsB,QAAQ;gBACzBD,YAAYE,IAAI,CAACd,aAAaT;YAChC;YACA,OAAOqB;QACT,GAAG,EAAE,GACP;QAACV;QAASF;QAAcH;KAAO;IAGjC,OAAOY,gBAAgBM,MAAM,KAAK,IAC9B;QAAChB,iBAAiBH,GAAG,GAAGG,mBAAAA,WAAAA,GAAmBP,OAAMwB,YAAY,CAACjB,kBAAkB;YAAEH,KAAK;QAAa;KAAG,GACvGa;AACN"}
+{"version":3,"sources":["../src/utils/useTagPickerFilter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TagPickerOption } from '../TagPickerOption';\n\ntype UseTagPickerFilterConfig = {\n  query: string;\n  options: string[];\n  /**\n   * Provides a custom filter for the option.\n   * By default the filter will check if the option includes the query.\n   */\n  filter?: (option: string, index: number) => boolean;\n\n  /** Provides an element to be displayed when there are no options. */\n  noOptionsElement: JSX.Element;\n\n  /** Provides a custom render for the option. */\n  renderOption?: (option: string) => JSX.Element;\n};\n\nfunction defaultRenderOption(option: string) {\n  return (\n    <TagPickerOption value={option} key={option}>\n      {option}\n    </TagPickerOption>\n  );\n}\n\nexport function useTagPickerFilter({\n  filter: filterOverride,\n  noOptionsElement,\n  renderOption = defaultRenderOption,\n  query,\n  options,\n}: UseTagPickerFilterConfig) {\n  const defaultFilter = React.useCallback(\n    (option: string) => {\n      const trimmedQuery = query.trim();\n      if (trimmedQuery === '') {\n        return true;\n      }\n      return option.toLowerCase().includes(trimmedQuery.toLowerCase());\n    },\n    [query],\n  );\n  const filter = filterOverride ?? defaultFilter;\n  const filteredOptions = React.useMemo(\n    () =>\n      options.reduce<JSX.Element[]>((accumulator, option, index) => {\n        if (filter(option, index)) {\n          accumulator.push(renderOption(option));\n        }\n        return accumulator;\n      }, []),\n    [options, renderOption, filter],\n  );\n\n  return filteredOptions.length === 0\n    ? [noOptionsElement.key ? noOptionsElement : React.cloneElement(noOptionsElement, { key: 'no-options' })]\n    : filteredOptions;\n}\n"],"names":["useTagPickerFilter","defaultRenderOption","option","React","createElement","TagPickerOption","value","key","filter","filterOverride","noOptionsElement","renderOption","query","options","defaultFilter","useCallback","trimmedQuery","trim","toLowerCase","includes","filteredOptions","useMemo","reduce","accumulator","index","push","length","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;iCACS;AAkBhC,SAASC,oBAAoBC,MAAc;IACzC,OAAA,WAAA,GACEC,OAAAC,aAAA,CAACC,gCAAAA,EAAAA;QAAgBC,OAAOJ;QAAQK,KAAKL;OAClCA;AAGP;AAEO,SAASF,mBAAmB,EACjCQ,QAAQC,cAAc,EACtBC,gBAAgB,EAChBC,eAAeV,mBAAmB,EAClCW,KAAK,EACLC,OAAO,EACkB;IACzB,MAAMC,gBAAgBX,OAAMY,WAAW,CACrC,CAACb;QACC,MAAMc,eAAeJ,MAAMK,IAAI;QAC/B,IAAID,iBAAiB,IAAI;YACvB,OAAO;QACT;QACA,OAAOd,OAAOgB,WAAW,GAAGC,QAAQ,CAACH,aAAaE,WAAW;IAC/D,GACA;QAACN;KAAM;IAET,MAAMJ,SAASC,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,iBAAkBK;IACjC,MAAMM,kBAAkBjB,OAAMkB,OAAO,CACnC,IACER,QAAQS,MAAM,CAAgB,CAACC,aAAarB,QAAQsB;YAClD,IAAIhB,OAAON,QAAQsB,QAAQ;gBACzBD,YAAYE,IAAI,CAACd,aAAaT;YAChC;YACA,OAAOqB;QACT,GAAG,EAAE,GACP;QAACV;QAASF;QAAcH;KAAO;IAGjC,OAAOY,gBAAgBM,MAAM,KAAK,IAC9B;QAAChB,iBAAiBH,GAAG,GAAGG,mBAAAA,WAAAA,GAAmBP,OAAMwB,YAAY,CAACjB,kBAAkB;YAAEH,KAAK;QAAa;KAAG,GACvGa;AACN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tag-picker",
-  "version": "9.3.6",
+  "version": "9.3.7",
   "description": "FluentUI TagPicker component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -17,19 +17,6 @@
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
-  "scripts": {
-    "build": "just-scripts build",
-    "clean": "just-scripts clean",
-    "generate-api": "just-scripts generate-api",
-    "lint": "just-scripts lint",
-    "start": "yarn storybook",
-    "storybook": "yarn --cwd ../stories storybook",
-    "test": "jest --passWithNoTests",
-    "type-check": "just-scripts type-check",
-    "e2e": "cypress run --component",
-    "e2e:local": "cypress open --component",
-    "bundle-size": "monosize measure"
-  },
   "devDependencies": {
     "@fluentui/react-provider": "*",
     "@fluentui/react-avatar": "*",
@@ -38,24 +25,23 @@
     "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*",
-    "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.45",
-    "@fluentui/react-shared-contexts": "^9.20.2",
-    "@fluentui/react-theme": "^9.1.21",
-    "@fluentui/react-utilities": "^9.18.16",
-    "@fluentui/react-portal": "^9.4.37",
-    "@fluentui/react-tabster": "^9.22.9",
-    "@fluentui/react-aria": "^9.13.8",
+    "@fluentui/react-jsx-runtime": "^9.0.46",
+    "@fluentui/react-shared-contexts": "^9.21.0",
+    "@fluentui/react-theme": "^9.1.22",
+    "@fluentui/react-utilities": "^9.18.17",
+    "@fluentui/react-portal": "^9.4.38",
+    "@fluentui/react-tabster": "^9.23.0",
+    "@fluentui/react-aria": "^9.13.9",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-combobox": "^9.13.10",
-    "@fluentui/react-tags": "^9.3.20",
-    "@fluentui/react-context-selector": "^9.1.68",
-    "@fluentui/react-positioning": "^9.15.10",
-    "@fluentui/keyboard-keys": "^9.0.7",
-    "@fluentui/react-field": "^9.1.78",
+    "@fluentui/react-combobox": "^9.13.11",
+    "@fluentui/react-tags": "^9.3.21",
+    "@fluentui/react-context-selector": "^9.1.69",
+    "@fluentui/react-positioning": "^9.15.11",
+    "@fluentui/keyboard-keys": "^9.0.8",
+    "@fluentui/react-field": "^9.1.79",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },