@fluentui/react-tag-picker 9.0.0

package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useTagPickerOptionGroup } from './useTagPickerOptionGroup';
+import { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';
+import { useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * TagPickerOptionGroup component -
+ * A TagPickerOptionGroup is a composite component that allows users to group TagPickerOptions.
+ */ export const TagPickerOptionGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTagPickerOptionGroup(props, ref);
+    useTagPickerOptionGroupStyles(state);
+    useCustomStyleHook_unstable('useTagPickerOptionGroupStyles_unstable')(state);
+    return renderTagPickerOptionGroup(state);
+});
+TagPickerOptionGroup.displayName = 'TagPickerOptionGroup';

package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerOptionGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTagPickerOptionGroup } from './useTagPickerOptionGroup';\nimport { renderTagPickerOptionGroup } from './renderTagPickerOptionGroup';\nimport { useTagPickerOptionGroupStyles } from './useTagPickerOptionGroupStyles.styles';\nimport type { TagPickerOptionGroupProps } from './TagPickerOptionGroup.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TagPickerOptionGroup component -\n * A TagPickerOptionGroup is a composite component that allows users to group TagPickerOptions.\n */\nexport const TagPickerOptionGroup: ForwardRefComponent<TagPickerOptionGroupProps> = React.forwardRef((props, ref) => {\n  const state = useTagPickerOptionGroup(props, ref);\n\n  useTagPickerOptionGroupStyles(state);\n  useCustomStyleHook_unstable('useTagPickerOptionGroupStyles_unstable')(state);\n  return renderTagPickerOptionGroup(state);\n});\n\nTagPickerOptionGroup.displayName = 'TagPickerOptionGroup';\n"],"names":["React","useTagPickerOptionGroup","renderTagPickerOptionGroup","useTagPickerOptionGroupStyles","useCustomStyleHook_unstable","TagPickerOptionGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,uBAAuB,QAAQ,4BAA4B;AACpE,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,6BAA6B,QAAQ,yCAAyC;AAEvF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,qCAAuEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQR,wBAAwBM,OAAOC;IAE7CL,8BAA8BM;IAC9BL,4BAA4B,0CAA0CK;IACtE,OAAOP,2BAA2BO;AACpC,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.types.js

@@ -0,0 +1 @@
+export { };

package/lib/components/TagPickerOptionGroup/TagPickerOptionGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerOptionGroup.types.ts"],"sourcesContent":["import { OptionGroupProps, OptionGroupSlots, OptionGroupState } from '@fluentui/react-combobox';\n\nexport type TagPickerOptionGroupSlots = OptionGroupSlots;\n\n/**\n * TagPickerOptionGroup Props\n */\nexport type TagPickerOptionGroupProps = OptionGroupProps;\n\n/**\n * State used in rendering TagPickerOptionGroup\n */\nexport type TagPickerOptionGroupState = OptionGroupState;\n"],"names":[],"mappings":"AAAA,WAYyD"}

package/lib/components/TagPickerOptionGroup/index.js

@@ -0,0 +1,5 @@
+export * from './TagPickerOptionGroup';
+export * from './TagPickerOptionGroup.types';
+export * from './renderTagPickerOptionGroup';
+export * from './useTagPickerOptionGroup';
+export * from './useTagPickerOptionGroupStyles.styles';

package/lib/components/TagPickerOptionGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TagPickerOptionGroup';\nexport * from './TagPickerOptionGroup.types';\nexport * from './renderTagPickerOptionGroup';\nexport * from './useTagPickerOptionGroup';\nexport * from './useTagPickerOptionGroupStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,4BAA4B;AAC1C,cAAc,yCAAyC"}

package/lib/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js

@@ -0,0 +1,4 @@
+  import { renderOptionGroup_unstable } from '@fluentui/react-combobox';
+/**
+ * Render the final JSX of TagPickerOptionGroup
+ */ export const renderTagPickerOptionGroup = renderOptionGroup_unstable;

package/lib/components/TagPickerOptionGroup/renderTagPickerOptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTagPickerOptionGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport type { TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { renderOptionGroup_unstable } from '@fluentui/react-combobox';\n\n/**\n * Render the final JSX of TagPickerOptionGroup\n */\nexport const renderTagPickerOptionGroup: (state: TagPickerOptionGroupState) => JSX.Element = renderOptionGroup_unstable;\n"],"names":["renderOptionGroup_unstable","renderTagPickerOptionGroup"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD,GAGjD,SAASA,0BAA0B,QAAQ,2BAA2B;AAEtE;;CAEC,GACD,OAAO,MAAMC,6BAAgFD,2BAA2B"}

package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroup.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useOptionGroup_unstable } from '@fluentui/react-combobox';
+/**
+ * Create the state required to render TagPickerOptionGroup.
+ *
+ * The returned state can be modified with hooks such as useTagPickerOptionGroupStyles_unstable,
+ * before being passed to renderTagPickerOptionGroup_unstable.
+ *
+ * @param props - props from this instance of TagPickerOptionGroup
+ * @param ref - reference to root HTMLDivElement of TagPickerOptionGroup
+ */ export const useTagPickerOptionGroup = useOptionGroup_unstable;

package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTagPickerOptionGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TagPickerOptionGroupProps, TagPickerOptionGroupState } from './TagPickerOptionGroup.types';\nimport { useOptionGroup_unstable } from '@fluentui/react-combobox';\n\n/**\n * Create the state required to render TagPickerOptionGroup.\n *\n * The returned state can be modified with hooks such as useTagPickerOptionGroupStyles_unstable,\n * before being passed to renderTagPickerOptionGroup_unstable.\n *\n * @param props - props from this instance of TagPickerOptionGroup\n * @param ref - reference to root HTMLDivElement of TagPickerOptionGroup\n */\nexport const useTagPickerOptionGroup: (\n  props: TagPickerOptionGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => TagPickerOptionGroupState = useOptionGroup_unstable;\n"],"names":["React","useOptionGroup_unstable","useTagPickerOptionGroup"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAGoBD,wBAAwB"}

package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js

@@ -0,0 +1,18 @@
+import { mergeClasses } from '@griffel/react';
+import { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';
+export const tagPickerOptionGroupClassNames = {
+  root: 'fui-TagPickerOptionGroup',
+  label: 'fui-TagPickerOptionGroup__label'
+};
+/**
+ * Apply styling to the TagPickerOptionGroup slots based on the state
+ */
+export const useTagPickerOptionGroupStyles = state => {
+  useOptionGroupStyles_unstable(state);
+  state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);
+  if (state.label) {
+    state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useTagPickerOptionGroupStyles.styles.js.map

package/lib/components/TagPickerOptionGroup/useTagPickerOptionGroupStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","useOptionGroupStyles_unstable","tagPickerOptionGroupClassNames","root","label","useTagPickerOptionGroupStyles","state","className"],"sources":["useTagPickerOptionGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';\nexport const tagPickerOptionGroupClassNames = {\n    root: 'fui-TagPickerOptionGroup',\n    label: 'fui-TagPickerOptionGroup__label'\n};\n/**\n * Apply styling to the TagPickerOptionGroup slots based on the state\n */ export const useTagPickerOptionGroupStyles = (state)=>{\n    useOptionGroupStyles_unstable(state);\n    state.root.className = mergeClasses(tagPickerOptionGroupClassNames.root, state.root.className);\n    if (state.label) {\n        state.label.className = mergeClasses(tagPickerOptionGroupClassNames.label, state.label.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,6BAA6B,QAAQ,0BAA0B;AACxE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,KAAK,EAAE;AACX,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EACtDL,6BAA6B,CAACK,KAAK,CAAC;EACpCA,KAAK,CAACH,IAAI,CAACI,SAAS,GAAGP,YAAY,CAACE,8BAA8B,CAACC,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACI,SAAS,CAAC;EAC9F,IAAID,KAAK,CAACF,KAAK,EAAE;IACbE,KAAK,CAACF,KAAK,CAACG,SAAS,GAAGP,YAAY,CAACE,8BAA8B,CAACE,KAAK,EAAEE,KAAK,CAACF,KAAK,CAACG,SAAS,CAAC;EACrG;EACA,OAAOD,KAAK;AAChB,CAAC"}

package/lib/contexts/TagPickerContext.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+/**
+ * @internal
+ */ export const tagPickerContextDefaultValue = {
+    triggerRef: React.createRef(),
+    popoverRef: React.createRef(),
+    targetRef: React.createRef(),
+    tagPickerGroupRef: React.createRef(),
+    secondaryActionRef: React.createRef(),
+    open: false,
+    clearSelection: ()=>null,
+    getOptionById: ()=>undefined,
+    selectedOptions: [],
+    selectOption: ()=>null,
+    setHasFocus: ()=>null,
+    setOpen: ()=>null,
+    setValue: ()=>null,
+    value: undefined,
+    popoverId: '',
+    size: 'medium',
+    appearance: 'outline',
+    disabled: false
+};
+const TagPickerContext = createContext(undefined);
+export const TagPickerContextProvider = TagPickerContext.Provider;
+export const useTagPickerContext_unstable = (selector)=>useContextSelector(TagPickerContext, (ctx = tagPickerContextDefaultValue)=>selector(ctx));

package/lib/contexts/TagPickerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { TagPickerSize } from '../components/TagPicker/TagPicker.types';\nimport { ComboboxBaseState } from '@fluentui/react-combobox';\n\nexport interface TagPickerContextValue\n  extends Pick<\n    ComboboxBaseState,\n    | 'open'\n    | 'clearSelection'\n    | 'getOptionById'\n    | 'selectedOptions'\n    | 'selectOption'\n    | 'setHasFocus'\n    | 'setOpen'\n    | 'setValue'\n    | 'value'\n    | 'appearance'\n    | 'disabled'\n  > {\n  triggerRef: React.RefObject<HTMLInputElement | HTMLButtonElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n  popoverId: string;\n  targetRef: React.RefObject<HTMLDivElement>;\n  secondaryActionRef: React.RefObject<HTMLSpanElement>;\n  tagPickerGroupRef: React.RefObject<HTMLDivElement>;\n  size: TagPickerSize;\n}\n\n/**\n * @internal\n */\nexport const tagPickerContextDefaultValue: TagPickerContextValue = {\n  triggerRef: React.createRef<HTMLInputElement>(),\n  popoverRef: React.createRef<HTMLDivElement>(),\n  targetRef: React.createRef<HTMLDivElement>(),\n  tagPickerGroupRef: React.createRef<HTMLDivElement>(),\n  secondaryActionRef: React.createRef<HTMLDivElement>(),\n  open: false,\n  clearSelection: () => null,\n  getOptionById: () => undefined,\n  selectedOptions: [],\n  selectOption: () => null,\n  setHasFocus: () => null,\n  setOpen: () => null,\n  setValue: () => null,\n  value: undefined,\n  popoverId: '',\n  size: 'medium',\n  appearance: 'outline',\n  disabled: false,\n};\n\nconst TagPickerContext = createContext<TagPickerContextValue | undefined>(undefined);\n\nexport const TagPickerContextProvider = TagPickerContext.Provider;\nexport const useTagPickerContext_unstable = <T>(selector: ContextSelector<TagPickerContextValue, T>) =>\n  useContextSelector(TagPickerContext, (ctx = tagPickerContextDefaultValue) => selector(ctx));\n"],"names":["React","createContext","useContextSelector","tagPickerContextDefaultValue","triggerRef","createRef","popoverRef","targetRef","tagPickerGroupRef","secondaryActionRef","open","clearSelection","getOptionById","undefined","selectedOptions","selectOption","setHasFocus","setOpen","setValue","value","popoverId","size","appearance","disabled","TagPickerContext","TagPickerContextProvider","Provider","useTagPickerContext_unstable","selector","ctx"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA0BC,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AA4BtG;;CAEC,GACD,OAAO,MAAMC,+BAAsD;IACjEC,YAAYJ,MAAMK,SAAS;IAC3BC,YAAYN,MAAMK,SAAS;IAC3BE,WAAWP,MAAMK,SAAS;IAC1BG,mBAAmBR,MAAMK,SAAS;IAClCI,oBAAoBT,MAAMK,SAAS;IACnCK,MAAM;IACNC,gBAAgB,IAAM;IACtBC,eAAe,IAAMC;IACrBC,iBAAiB,EAAE;IACnBC,cAAc,IAAM;IACpBC,aAAa,IAAM;IACnBC,SAAS,IAAM;IACfC,UAAU,IAAM;IAChBC,OAAON;IACPO,WAAW;IACXC,MAAM;IACNC,YAAY;IACZC,UAAU;AACZ,EAAE;AAEF,MAAMC,mBAAmBvB,cAAiDY;AAE1E,OAAO,MAAMY,2BAA2BD,iBAAiBE,QAAQ,CAAC;AAClE,OAAO,MAAMC,+BAA+B,CAAIC,WAC9C1B,mBAAmBsB,kBAAkB,CAACK,MAAM1B,4BAA4B,GAAKyB,SAASC,MAAM"}

package/lib/index.js

@@ -0,0 +1,9 @@
+export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable } from './TagPicker';
+export { TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable } from './TagPickerInput';
+export { TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable } from './TagPickerList';
+export { TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable } from './TagPickerButton';
+export { TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable } from './TagPickerControl';
+export { TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable } from './TagPickerOption';
+export { TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable } from './TagPickerGroup';
+export { TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup } from './TagPickerOptionGroup';
+export { useTagPickerFilter } from './utils/useTagPickerFilter';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable } from './TagPicker';\nexport type {\n  TagPickerContextValues,\n  TagPickerProps,\n  TagPickerSlots,\n  TagPickerState,\n  TagPickerOnOpenChangeData,\n  TagPickerOnOptionSelectData,\n  TagPickerSize,\n} from './TagPicker';\nexport {\n  TagPickerInput,\n  tagPickerInputClassNames,\n  renderTagPickerInput_unstable,\n  useTagPickerInputStyles_unstable,\n  useTagPickerInput_unstable,\n} from './TagPickerInput';\nexport type { TagPickerInputProps, TagPickerInputSlots, TagPickerInputState } from './TagPickerInput';\nexport {\n  TagPickerList,\n  tagPickerListClassNames,\n  renderTagPickerList_unstable,\n  useTagPickerListStyles_unstable,\n  useTagPickerList_unstable,\n} from './TagPickerList';\nexport type { TagPickerListProps, TagPickerListSlots, TagPickerListState } from './TagPickerList';\nexport {\n  TagPickerButton,\n  tagPickerButtonClassNames,\n  renderTagPickerButton_unstable,\n  useTagPickerButtonStyles_unstable,\n  useTagPickerButton_unstable,\n} from './TagPickerButton';\nexport type { TagPickerButtonProps, TagPickerButtonSlots, TagPickerButtonState } from './TagPickerButton';\nexport {\n  TagPickerControl,\n  tagPickerControlClassNames,\n  renderTagPickerControl_unstable,\n  useTagPickerControlStyles_unstable,\n  useTagPickerControl_unstable,\n} from './TagPickerControl';\nexport type { TagPickerControlProps, TagPickerControlSlots, TagPickerControlState } from './TagPickerControl';\nexport {\n  TagPickerOption,\n  tagPickerOptionClassNames,\n  renderTagPickerOption_unstable,\n  useTagPickerOptionStyles_unstable,\n  useTagPickerOption_unstable,\n} from './TagPickerOption';\nexport type { TagPickerOptionProps, TagPickerOptionSlots, TagPickerOptionState } from './TagPickerOption';\nexport {\n  TagPickerGroup,\n  tagPickerGroupClassNames,\n  renderTagPickerGroup_unstable,\n  useTagPickerGroupStyles_unstable,\n  useTagPickerGroup_unstable,\n} from './TagPickerGroup';\nexport type { TagPickerGroupProps, TagPickerGroupSlots, TagPickerGroupState } from './TagPickerGroup';\n\nexport {\n  TagPickerOptionGroup,\n  tagPickerOptionGroupClassNames,\n  renderTagPickerOptionGroup,\n  useTagPickerOptionGroupStyles,\n  useTagPickerOptionGroup,\n} from './TagPickerOptionGroup';\nexport type {\n  TagPickerOptionGroupProps,\n  TagPickerOptionGroupSlots,\n  TagPickerOptionGroupState,\n} from './TagPickerOptionGroup';\n\nexport { useTagPickerFilter } from './utils/useTagPickerFilter';\n"],"names":["TagPicker","renderTagPicker_unstable","useTagPicker_unstable","TagPickerInput","tagPickerInputClassNames","renderTagPickerInput_unstable","useTagPickerInputStyles_unstable","useTagPickerInput_unstable","TagPickerList","tagPickerListClassNames","renderTagPickerList_unstable","useTagPickerListStyles_unstable","useTagPickerList_unstable","TagPickerButton","tagPickerButtonClassNames","renderTagPickerButton_unstable","useTagPickerButtonStyles_unstable","useTagPickerButton_unstable","TagPickerControl","tagPickerControlClassNames","renderTagPickerControl_unstable","useTagPickerControlStyles_unstable","useTagPickerControl_unstable","TagPickerOption","tagPickerOptionClassNames","renderTagPickerOption_unstable","useTagPickerOptionStyles_unstable","useTagPickerOption_unstable","TagPickerGroup","tagPickerGroupClassNames","renderTagPickerGroup_unstable","useTagPickerGroupStyles_unstable","useTagPickerGroup_unstable","TagPickerOptionGroup","tagPickerOptionGroupClassNames","renderTagPickerOptionGroup","useTagPickerOptionGroupStyles","useTagPickerOptionGroup","useTagPickerFilter"],"mappings":"AAAA,SAASA,SAAS,EAAEC,wBAAwB,EAAEC,qBAAqB,QAAQ,cAAc;AAUzF,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAE1B,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAEzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAE3B,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,QACvB,qBAAqB;AAE5B,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAE3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,yBAAyB;AAOhC,SAASC,kBAAkB,QAAQ,6BAA6B"}

package/lib/utils/tagPicker2Tag.js

@@ -0,0 +1,32 @@
+export function tagPickerSizeToTagSize(size) {
+    switch(size){
+        case 'medium':
+            return 'extra-small';
+        case 'large':
+            return 'small';
+        case 'extra-large':
+            return 'medium';
+        default:
+            return 'extra-small';
+    }
+}
+export function tagSizeToTagPickerSize(size) {
+    switch(size){
+        case 'extra-small':
+            return 'medium';
+        case 'small':
+            return 'large';
+        case 'medium':
+            return 'extra-large';
+        default:
+            return 'medium';
+    }
+}
+export function tagPickerAppearanceToTagAppearance(appearance) {
+    switch(appearance){
+        case 'filled-darker':
+            return 'outline';
+        default:
+            return 'filled';
+    }
+}

package/lib/utils/tagPicker2Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tagPicker2Tag.ts"],"sourcesContent":["import type { TagAppearance, TagSize } from '@fluentui/react-tags/src/index';\nimport type { TagPickerSize } from '../TagPicker';\nimport { ComboboxBaseProps } from '@fluentui/react-combobox';\n\nexport function tagPickerSizeToTagSize(size: TagPickerSize): TagSize {\n  switch (size) {\n    case 'medium':\n      return 'extra-small';\n    case 'large':\n      return 'small';\n    case 'extra-large':\n      return 'medium';\n    default:\n      return 'extra-small';\n  }\n}\n\nexport function tagSizeToTagPickerSize(size: TagSize): TagPickerSize {\n  switch (size) {\n    case 'extra-small':\n      return 'medium';\n    case 'small':\n      return 'large';\n    case 'medium':\n      return 'extra-large';\n    default:\n      return 'medium';\n  }\n}\n\nexport function tagPickerAppearanceToTagAppearance(appearance: ComboboxBaseProps['appearance']): TagAppearance {\n  switch (appearance) {\n    case 'filled-darker':\n      return 'outline';\n    default:\n      return 'filled';\n  }\n}\n"],"names":["tagPickerSizeToTagSize","size","tagSizeToTagPickerSize","tagPickerAppearanceToTagAppearance","appearance"],"mappings":"AAIA,OAAO,SAASA,uBAAuBC,IAAmB;IACxD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASC,uBAAuBD,IAAa;IAClD,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASE,mCAAmCC,UAA2C;IAC5F,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF"}

package/lib/utils/tokens.js

@@ -0,0 +1,6 @@
+export const tagPickerInputCSSRules = {
+    width: '--fluent-TagPickerInput__width'
+};
+export const tagPickerInputTokens = {
+    width: `var(${tagPickerInputCSSRules.width}, 0)`
+};

package/lib/utils/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tokens.ts"],"sourcesContent":["export type TagPickerInputTokens = {\n  width: string;\n};\n\nexport const tagPickerInputCSSRules: { [Key in keyof TagPickerInputTokens]: `--fluent-TagPickerInput__${Key}` } = {\n  width: '--fluent-TagPickerInput__width',\n};\n\nexport const tagPickerInputTokens: Record<keyof TagPickerInputTokens, string> = {\n  width: `var(${tagPickerInputCSSRules.width}, 0)`,\n};\n"],"names":["tagPickerInputCSSRules","width","tagPickerInputTokens"],"mappings":"AAIA,OAAO,MAAMA,yBAAqG;IAChHC,OAAO;AACT,EAAE;AAEF,OAAO,MAAMC,uBAAmE;IAC9ED,OAAO,CAAC,IAAI,EAAED,uBAAuBC,KAAK,CAAC,IAAI,CAAC;AAClD,EAAE"}

package/lib/utils/useResizeObserverRef.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+export const useResizeObserverRef = (callback)=>{
+    const { targetDocument } = useFluent();
+    const [observer] = React.useState(()=>{
+        var _targetDocument_defaultView;
+        const ResizeObserverConstructor = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.ResizeObserver;
+        if (ResizeObserverConstructor) {
+            return new ResizeObserverConstructor(callback);
+        }
+    });
+    const ref = React.useCallback((element)=>{
+        if (element) {
+            observer === null || observer === void 0 ? void 0 : observer.observe(element);
+        } else {
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        }
+    }, [
+        observer
+    ]);
+    return ref;
+};

package/lib/utils/useResizeObserverRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResizeObserverRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nexport const useResizeObserverRef = <E extends HTMLElement>(callback: ResizeObserverCallback): React.Ref<E> => {\n  const { targetDocument } = useFluent();\n  const [observer] = React.useState(() => {\n    const ResizeObserverConstructor = targetDocument?.defaultView?.ResizeObserver;\n    if (ResizeObserverConstructor) {\n      return new ResizeObserverConstructor(callback);\n    }\n  });\n  const ref: React.RefCallback<E> = React.useCallback(\n    element => {\n      if (element) {\n        observer?.observe(element);\n      } else {\n        observer?.disconnect();\n      }\n    },\n    [observer],\n  );\n  return ref;\n};\n"],"names":["React","useFluent_unstable","useFluent","useResizeObserverRef","callback","targetDocument","observer","useState","ResizeObserverConstructor","defaultView","ResizeObserver","ref","useCallback","element","observe","disconnect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF,OAAO,MAAMC,uBAAuB,CAAwBC;IAC1D,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAC3B,MAAM,CAACI,SAAS,GAAGN,MAAMO,QAAQ,CAAC;YACEF;QAAlC,MAAMG,4BAA4BH,2BAAAA,sCAAAA,8BAAAA,eAAgBI,WAAW,cAA3BJ,kDAAAA,4BAA6BK,cAAc;QAC7E,IAAIF,2BAA2B;YAC7B,OAAO,IAAIA,0BAA0BJ;QACvC;IACF;IACA,MAAMO,MAA4BX,MAAMY,WAAW,CACjDC,CAAAA;QACE,IAAIA,SAAS;YACXP,qBAAAA,+BAAAA,SAAUQ,OAAO,CAACD;QACpB,OAAO;YACLP,qBAAAA,+BAAAA,SAAUS,UAAU;QACtB;IACF,GACA;QAACT;KAAS;IAEZ,OAAOK;AACT,EAAE"}

package/lib/utils/useTagPickerFilter.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { TagPickerOption } from '../TagPickerOption';
+function defaultRenderOption(option) {
+    return /*#__PURE__*/ React.createElement(TagPickerOption, {
+        value: option,
+        key: option
+    }, option);
+}
+export function useTagPickerFilter({ filter: filterOverride, noOptionsElement, renderOption = defaultRenderOption, query, options }) {
+    const defaultFilter = React.useCallback((option)=>{
+        const trimmedQuery = query.trim();
+        if (trimmedQuery === '') {
+            return true;
+        }
+        return option.toLowerCase().includes(trimmedQuery.toLowerCase());
+    }, [
+        query
+    ]);
+    const filter = filterOverride !== null && filterOverride !== void 0 ? filterOverride : defaultFilter;
+    const filteredOptions = React.useMemo(()=>options.reduce((accumulator, option, index)=>{
+            if (filter(option, index)) {
+                accumulator.push(renderOption(option));
+            }
+            return accumulator;
+        }, []), [
+        options,
+        renderOption,
+        filter
+    ]);
+    return filteredOptions.length === 0 ? [
+        noOptionsElement.key ? noOptionsElement : /*#__PURE__*/ React.cloneElement(noOptionsElement, {
+            key: 'no-options'
+        })
+    ] : filteredOptions;
+}

package/lib/utils/useTagPickerFilter.js.map

@@ -0,0 +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":["React","TagPickerOption","defaultRenderOption","option","value","key","useTagPickerFilter","filter","filterOverride","noOptionsElement","renderOption","query","options","defaultFilter","useCallback","trimmedQuery","trim","toLowerCase","includes","filteredOptions","useMemo","reduce","accumulator","index","push","length","cloneElement"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,eAAe,QAAQ,qBAAqB;AAkBrD,SAASC,oBAAoBC,MAAc;IACzC,qBACE,oBAACF;QAAgBG,OAAOD;QAAQE,KAAKF;OAClCA;AAGP;AAEA,OAAO,SAASG,mBAAmB,EACjCC,QAAQC,cAAc,EACtBC,gBAAgB,EAChBC,eAAeR,mBAAmB,EAClCS,KAAK,EACLC,OAAO,EACkB;IACzB,MAAMC,gBAAgBb,MAAMc,WAAW,CACrC,CAACX;QACC,MAAMY,eAAeJ,MAAMK,IAAI;QAC/B,IAAID,iBAAiB,IAAI;YACvB,OAAO;QACT;QACA,OAAOZ,OAAOc,WAAW,GAAGC,QAAQ,CAACH,aAAaE,WAAW;IAC/D,GACA;QAACN;KAAM;IAET,MAAMJ,SAASC,2BAAAA,4BAAAA,iBAAkBK;IACjC,MAAMM,kBAAkBnB,MAAMoB,OAAO,CACnC,IACER,QAAQS,MAAM,CAAgB,CAACC,aAAanB,QAAQoB;YAClD,IAAIhB,OAAOJ,QAAQoB,QAAQ;gBACzBD,YAAYE,IAAI,CAACd,aAAaP;YAChC;YACA,OAAOmB;QACT,GAAG,EAAE,GACP;QAACV;QAASF;QAAcH;KAAO;IAGjC,OAAOY,gBAAgBM,MAAM,KAAK,IAC9B;QAAChB,iBAAiBJ,GAAG,GAAGI,iCAAmBT,MAAM0B,YAAY,CAACjB,kBAAkB;YAAEJ,KAAK;QAAa;KAAG,GACvGc;AACN"}

package/lib-commonjs/TagPicker.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPicker/index"), exports);

package/lib-commonjs/TagPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPicker.js"],"sourcesContent":["export * from './components/TagPicker/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerButton.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerButton/index"), exports);

package/lib-commonjs/TagPickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerButton.js"],"sourcesContent":["export * from './components/TagPickerButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerControl.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerControl/index"), exports);

package/lib-commonjs/TagPickerControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerControl.js"],"sourcesContent":["export * from './components/TagPickerControl/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerGroup.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerGroup/index"), exports);

package/lib-commonjs/TagPickerGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerGroup.js"],"sourcesContent":["export * from './components/TagPickerGroup/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerInput.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerInput/index"), exports);

package/lib-commonjs/TagPickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerInput.js"],"sourcesContent":["export * from './components/TagPickerInput/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerList.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerList/index"), exports);

package/lib-commonjs/TagPickerList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerList.js"],"sourcesContent":["export * from './components/TagPickerList/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerOption.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerOption/index"), exports);

package/lib-commonjs/TagPickerOption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerOption.js"],"sourcesContent":["export * from './components/TagPickerOption/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/TagPickerOptionGroup.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/TagPickerOptionGroup/index"), exports);

package/lib-commonjs/TagPickerOptionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPickerOptionGroup.js"],"sourcesContent":["export * from './components/TagPickerOptionGroup/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/components/TagPicker/TagPicker.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TagPicker", {
+    enumerable: true,
+    get: function() {
+        return TagPicker;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTagPicker = require("./useTagPicker");
+const _renderTagPicker = require("./renderTagPicker");
+const _useTagPickerContextValues = require("./useTagPickerContextValues");
+const TagPicker = /*#__PURE__*/ _react.memo((props)=>{
+    const state = (0, _useTagPicker.useTagPicker_unstable)(props);
+    const contextValues = (0, _useTagPickerContextValues.useTagPickerContextValues)(state);
+    return (0, _renderTagPicker.renderTagPicker_unstable)(state, contextValues);
+});
+TagPicker.displayName = 'TagPicker';

package/lib-commonjs/components/TagPicker/TagPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagPicker.js"],"sourcesContent":["import * as React from 'react';\nimport { useTagPicker_unstable } from './useTagPicker';\nimport { renderTagPicker_unstable } from './renderTagPicker';\nimport { useTagPickerContextValues } from './useTagPickerContextValues';\n/**\n * TagPicker component -\n * A TagPicker is a composite component that allows users to pick tags from a list of options.\n */ export const TagPicker = /*#__PURE__*/ React.memo((props)=>{\n    const state = useTagPicker_unstable(props);\n    const contextValues = useTagPickerContextValues(state);\n    return renderTagPicker_unstable(state, contextValues);\n});\nTagPicker.displayName = 'TagPicker';\n"],"names":["TagPicker","React","memo","props","state","useTagPicker_unstable","contextValues","useTagPickerContextValues","renderTagPicker_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;8BACe;iCACG;2CACC;AAI/B,MAAMA,YAAY,WAAW,GAAGC,OAAMC,IAAI,CAAC,CAACC;IACnD,MAAMC,QAAQC,IAAAA,mCAAqB,EAACF;IACpC,MAAMG,gBAAgBC,IAAAA,oDAAyB,EAACH;IAChD,OAAOI,IAAAA,yCAAwB,EAACJ,OAAOE;AAC3C;AACAN,UAAUS,WAAW,GAAG"}

package/lib-commonjs/components/TagPicker/TagPicker.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/TagPicker/TagPicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/TagPicker/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TagPicker"), exports);
+_export_star._(require("./TagPicker.types"), exports);
+_export_star._(require("./renderTagPicker"), exports);
+_export_star._(require("./useTagPicker"), exports);

package/lib-commonjs/components/TagPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TagPicker';\nexport * from './TagPicker.types';\nexport * from './renderTagPicker';\nexport * from './useTagPicker';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TagPicker/renderTagPicker.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTagPicker_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTagPicker_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactaria = require("@fluentui/react-aria");
+const _reactcombobox = require("@fluentui/react-combobox");
+const _reactportal = require("@fluentui/react-portal");
+const _TagPickerContext = require("../../contexts/TagPickerContext");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTagPicker_unstable = (state, contexts)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ _react.createElement(_TagPickerContext.TagPickerContextProvider, {
+        value: contexts.picker
+    }, /*#__PURE__*/ _react.createElement(_reactaria.ActiveDescendantContextProvider, {
+        value: contexts.activeDescendant
+    }, /*#__PURE__*/ _react.createElement(_reactcombobox.ListboxProvider, {
+        value: contexts.listbox
+    }, state.trigger, state.inline ? state.popover : /*#__PURE__*/ _react.createElement(_reactportal.Portal, {
+        mountNode: state.mountNode
+    }, state.popover))));
+};

package/lib-commonjs/components/TagPicker/renderTagPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTagPicker.js"],"sourcesContent":["import * as React from 'react';\nimport { ActiveDescendantContextProvider } from '@fluentui/react-aria';\nimport { ListboxProvider } from '@fluentui/react-combobox';\nimport { Portal } from '@fluentui/react-portal';\nimport { TagPickerContextProvider } from '../../contexts/TagPickerContext';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Picker\n */ export const renderTagPicker_unstable = (state, contexts)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ React.createElement(TagPickerContextProvider, {\n        value: contexts.picker\n    }, /*#__PURE__*/ React.createElement(ActiveDescendantContextProvider, {\n        value: contexts.activeDescendant\n    }, /*#__PURE__*/ React.createElement(ListboxProvider, {\n        value: contexts.listbox\n    }, state.trigger, state.inline ? state.popover : /*#__PURE__*/ React.createElement(Portal, {\n        mountNode: state.mountNode\n    }, state.popover))));\n};\n"],"names":["renderTagPicker_unstable","state","contexts","assertSlots","React","createElement","TagPickerContextProvider","value","picker","ActiveDescendantContextProvider","activeDescendant","ListboxProvider","listbox","trigger","inline","popover","Portal","mountNode"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;2BACyB;+BAChB;6BACT;kCACkB;gCACb;AAGjB,MAAMA,2BAA2B,CAACC,OAAOC;IAChDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,OAAMC,aAAa,CAACC,0CAAwB,EAAE;QAC/DC,OAAOL,SAASM,MAAM;IAC1B,GAAG,WAAW,GAAGJ,OAAMC,aAAa,CAACI,0CAA+B,EAAE;QAClEF,OAAOL,SAASQ,gBAAgB;IACpC,GAAG,WAAW,GAAGN,OAAMC,aAAa,CAACM,8BAAe,EAAE;QAClDJ,OAAOL,SAASU,OAAO;IAC3B,GAAGX,MAAMY,OAAO,EAAEZ,MAAMa,MAAM,GAAGb,MAAMc,OAAO,GAAG,WAAW,GAAGX,OAAMC,aAAa,CAACW,mBAAM,EAAE;QACvFC,WAAWhB,MAAMgB,SAAS;IAC9B,GAAGhB,MAAMc,OAAO;AACpB"}

package/lib-commonjs/components/TagPicker/useTagPicker.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTagPicker_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTagPicker_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 _reactcombobox = require("@fluentui/react-combobox");
+const _reactpositioning = require("@fluentui/react-positioning");
+const _reactaria = require("@fluentui/react-aria");
+// Set a default set of fallback positions to try if the dropdown does not fit on screen
+const fallbackPositions = [
+    'above',
+    'after',
+    'after-top',
+    'before',
+    'before-top'
+];
+const useTagPicker_unstable = (props)=>{
+    const popoverId = (0, _reactutilities.useId)('picker-listbox');
+    const triggerInnerRef = _react.useRef(null);
+    const secondaryActionRef = _react.useRef(null);
+    const tagPickerGroupRef = _react.useRef(null);
+    const { positioning, size = 'medium', inline = false } = props;
+    const { targetRef, containerRef } = (0, _reactpositioning.usePositioning)({
+        position: 'below',
+        align: 'start',
+        offset: {
+            crossAxis: 0,
+            mainAxis: 2
+        },
+        fallbackPositions,
+        matchTargetSize: 'width',
+        ...(0, _reactpositioning.resolvePositioningShorthand)(positioning)
+    });
+    const { controller: activeDescendantController, activeParentRef, listboxRef } = (0, _reactaria.useActiveDescendant)({
+        matchOption: (el)=>el.classList.contains(_reactcombobox.optionClassNames.root)
+    });
+    const comboboxState = (0, _reactcombobox.useComboboxBaseState)({
+        ...props,
+        onOptionSelect: (0, _reactutilities.useEventCallback)((event, data)=>{
+            var _props_onOptionSelect;
+            return (_props_onOptionSelect = props.onOptionSelect) === null || _props_onOptionSelect === void 0 ? void 0 : _props_onOptionSelect.call(props, event, {
+                selectedOptions: data.selectedOptions,
+                value: data.optionValue,
+                type: event.type,
+                event
+            });
+        }),
+        onOpenChange: (0, _reactutilities.useEventCallback)((event, data)=>{
+            var _props_onOpenChange;
+            return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, event, {
+                ...data,
+                type: event.type,
+                event
+            });
+        }),
+        activeDescendantController,
+        editable: true,
+        multiselect: true,
+        size: 'medium'
+    });
+    const { trigger, popover } = childrenToTriggerAndPopover(props.children);
+    return {
+        activeDescendantController,
+        components: {},
+        trigger,
+        popover: comboboxState.open || comboboxState.hasFocus ? popover : undefined,
+        popoverId,
+        disabled: comboboxState.disabled,
+        triggerRef: (0, _reactutilities.useMergedRefs)(triggerInnerRef, activeParentRef),
+        popoverRef: (0, _reactutilities.useMergedRefs)(listboxRef, containerRef),
+        secondaryActionRef,
+        tagPickerGroupRef,
+        targetRef,
+        size,
+        inline,
+        open: comboboxState.open,
+        mountNode: comboboxState.mountNode,
+        onOptionClick: (0, _reactutilities.useEventCallback)((event)=>{
+            comboboxState.onOptionClick(event);
+            comboboxState.setOpen(event, false);
+        }),
+        appearance: comboboxState.appearance,
+        clearSelection: comboboxState.clearSelection,
+        getOptionById: comboboxState.getOptionById,
+        registerOption: comboboxState.registerOption,
+        selectedOptions: comboboxState.selectedOptions,
+        selectOption: comboboxState.selectOption,
+        setHasFocus: comboboxState.setHasFocus,
+        setOpen: comboboxState.setOpen,
+        setValue: comboboxState.setValue,
+        value: comboboxState.value
+    };
+};
+const childrenToTriggerAndPopover = (children)=>{
+    const childrenArray = _react.Children.toArray(children);
+    if (process.env.NODE_ENV !== 'production') {
+        if (childrenArray.length === 0) {
+            // eslint-disable-next-line no-console
+            console.warn('Picker must contain at least one child');
+        }
+        if (childrenArray.length > 2) {
+            // eslint-disable-next-line no-console
+            console.warn('Picker must contain at most two children');
+        }
+    }
+    let trigger = undefined;
+    let popover = undefined;
+    if (childrenArray.length === 2) {
+        trigger = childrenArray[0];
+        popover = childrenArray[1];
+    } else if (childrenArray.length === 1) {
+        popover = childrenArray[0];
+    }
+    return {
+        trigger,
+        popover
+    };
+};