@fluentui/react-components 9.18.2 → 9.18.3

package/lib/unstable/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","alertClassNames","renderAlert_unstable","useAlertStyles_unstable","useAlert_unstable","InfoButton","infoButtonClassNames","useInfoButton_unstable","useInfoButtonStyles_unstable","renderInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabel_unstable","useInfoLabelStyles_unstable","CheckboxField_unstable","CheckboxField","checkboxFieldClassNames","ComboboxField_unstable","ComboboxField","comboboxFieldClassNames","InputField_unstable","InputField","inputFieldClassNames","ProgressField_unstable","ProgressField","progressFieldClassNames","RadioGroupField_unstable","RadioGroupField","radioGroupFieldClassNames","SelectField_unstable","SelectField","selectFieldClassNames","SliderField_unstable","SliderField","sliderFieldClassNames","SpinButtonField_unstable","SpinButtonField","spinButtonFieldClassNames","SwitchField_unstable","SwitchField","switchFieldClassNames","TextareaField_unstable","TextareaField","textareaFieldClassNames","Field","fieldClassNames","renderField_unstable","useFieldStyles_unstable","useField_unstable","Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext","Virtualizer","virtualizerClassNames","useVirtualizer_unstable","renderVirtualizer_unstable","useVirtualizerStyles_unstable","useIntersectionObserver","Tree","TreeItem","TreeProvider","TreeItemLayout","TreeItemProvider","TreeItemPersonaLayout","useTreeContext_unstable","useTreeItemContext_unstable","useTree_unstable","useTreeItem_unstable","useTreeItemLayout_unstable","useTreeItemPersonaLayout_unstable","renderTree_unstable","renderTreeItem_unstable","renderTreeItemPersonaLayout_unstable","renderTreeItemLayout_unstable","useTreeStyles_unstable","useTreeItemStyles_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemLayoutStyles_unstable","treeItemPersonaLayoutClassNames","treeItemLevelToken","treeItemLayoutClassNames","treeItemClassNames","treeClassNames","useFlatTree_unstable","flattenTree_unstable"],"sources":["../src/packages/react-components/react-components/src/unstable/index.ts"],"sourcesContent":["// Stub for unstable exports\n\nexport {\n  Alert,\n  alertClassNames,\n  renderAlert_unstable,\n  useAlertStyles_unstable,\n  useAlert_unstable,\n} from '@fluentui/react-alert';\nexport type { AlertProps, AlertSlots, AlertState } from '@fluentui/react-alert';\n\nexport {\n  InfoButton,\n  infoButtonClassNames,\n  useInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  renderInfoButton_unstable,\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n} from '@fluentui/react-infobutton';\nexport type {\n  InfoButtonProps,\n  InfoButtonSlots,\n  InfoButtonState,\n  InfoLabelProps,\n  InfoLabelSlots,\n  InfoLabelState,\n} from '@fluentui/react-infobutton';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { CheckboxField_unstable as CheckboxField, checkboxFieldClassNames } from '@fluentui/react-checkbox';\n// eslint-disable-next-line deprecation/deprecation\nexport type { CheckboxFieldProps_unstable as CheckboxFieldProps } from '@fluentui/react-checkbox';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { ComboboxField_unstable as ComboboxField, comboboxFieldClassNames } from '@fluentui/react-combobox';\n// eslint-disable-next-line deprecation/deprecation\nexport type { ComboboxFieldProps_unstable as ComboboxFieldProps } from '@fluentui/react-combobox';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { InputField_unstable as InputField, inputFieldClassNames } from '@fluentui/react-input';\n// eslint-disable-next-line deprecation/deprecation\nexport type { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { ProgressField_unstable as ProgressField, progressFieldClassNames } from '@fluentui/react-progress';\n// eslint-disable-next-line deprecation/deprecation\nexport type { ProgressFieldProps_unstable as ProgressFieldProps } from '@fluentui/react-progress';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { RadioGroupField_unstable as RadioGroupField, radioGroupFieldClassNames } from '@fluentui/react-radio';\n// eslint-disable-next-line deprecation/deprecation\nexport type { RadioGroupFieldProps_unstable as RadioGroupFieldProps } from '@fluentui/react-radio';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SelectField_unstable as SelectField, selectFieldClassNames } from '@fluentui/react-select';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SelectFieldProps_unstable as SelectFieldProps } from '@fluentui/react-select';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SliderField_unstable as SliderField, sliderFieldClassNames } from '@fluentui/react-slider';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SliderFieldProps_unstable as SliderFieldProps } from '@fluentui/react-slider';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SpinButtonField_unstable as SpinButtonField, spinButtonFieldClassNames } from '@fluentui/react-spinbutton';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SpinButtonFieldProps_unstable as SpinButtonFieldProps } from '@fluentui/react-spinbutton';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SwitchField_unstable as SwitchField, switchFieldClassNames } from '@fluentui/react-switch';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SwitchFieldProps_unstable as SwitchFieldProps } from '@fluentui/react-switch';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { TextareaField_unstable as TextareaField, textareaFieldClassNames } from '@fluentui/react-textarea';\n// eslint-disable-next-line deprecation/deprecation\nexport type { TextareaFieldProps_unstable as TextareaFieldProps } from '@fluentui/react-textarea';\n\nexport {\n  Field,\n  fieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nexport type { FieldProps, FieldSlots, FieldState } from '@fluentui/react-field';\n\nexport {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n  SkeletonContextProvider,\n  useSkeletonContext,\n} from '@fluentui/react-skeleton';\nexport type {\n  SkeletonProps,\n  SkeletonSlots,\n  SkeletonState,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemState,\n  SkeletonContextValue,\n} from '@fluentui/react-skeleton';\n\nexport {\n  Virtualizer,\n  virtualizerClassNames,\n  useVirtualizer_unstable,\n  renderVirtualizer_unstable,\n  useVirtualizerStyles_unstable,\n  useIntersectionObserver,\n} from '@fluentui/react-virtualizer';\nexport type {\n  VirtualizerProps,\n  VirtualizerState,\n  VirtualizerSlots,\n  VirtualizerChildRenderFunction,\n} from '@fluentui/react-virtualizer';\n\nexport {\n  Tree,\n  TreeItem,\n  TreeProvider,\n  TreeItemLayout,\n  TreeItemProvider,\n  TreeItemPersonaLayout,\n  useTreeContext_unstable,\n  useTreeItemContext_unstable,\n  useTree_unstable,\n  useTreeItem_unstable,\n  useTreeItemLayout_unstable,\n  useTreeItemPersonaLayout_unstable,\n  renderTree_unstable,\n  renderTreeItem_unstable,\n  renderTreeItemPersonaLayout_unstable,\n  renderTreeItemLayout_unstable,\n  useTreeStyles_unstable,\n  useTreeItemStyles_unstable,\n  useTreeItemPersonaLayoutStyles_unstable,\n  useTreeItemLayoutStyles_unstable,\n  treeItemPersonaLayoutClassNames,\n  treeItemLevelToken,\n  treeItemLayoutClassNames,\n  treeItemClassNames,\n  treeClassNames,\n  useFlatTree_unstable,\n  flattenTree_unstable,\n} from '@fluentui/react-tree';\n\nexport type {\n  TreeState,\n  TreeSlots,\n  TreeProps,\n  TreeOpenChangeEvent,\n  TreeOpenChangeData,\n  TreeNavigationEvent_unstable,\n  TreeNavigationData_unstable,\n  TreeItemState,\n  TreeItemSlots,\n  TreeItemProps,\n  TreeItemPersonaLayoutState,\n  TreeItemPersonaLayoutSlots,\n  TreeItemPersonaLayoutProps,\n  TreeItemLayoutState,\n  TreeItemLayoutSlots,\n  TreeItemLayoutProps,\n  TreeItemId,\n  TreeContextValue,\n  NestedTreeItem,\n  FlatTree,\n  FlatTreeProps,\n  FlatTreeItemProps,\n  FlatTreeItem,\n} from '@fluentui/react-tree';\n"],"mappings":"AAAA;AAEA,SACEA,KAAK,EACLC,eAAe,EACfC,oBAAoB,EACpBC,uBAAuB,EACvBC,iBAAiB,QACZ,uBAAuB;AAG9B,SACEC,UAAU,EACVC,oBAAoB,EACpBC,sBAAsB,EACtBC,4BAA4B,EAC5BC,yBAAyB,EACzBC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,4BAA4B;AAUnC;AACA,SAASC,sBAAsB,IAAIC,aAAa,EAAEC,uBAAuB,QAAQ,0BAA0B;AAI3G;AACA,SAASC,sBAAsB,IAAIC,aAAa,EAAEC,uBAAuB,QAAQ,0BAA0B;AAI3G;AACA,SAASC,mBAAmB,IAAIC,UAAU,EAAEC,oBAAoB,QAAQ,uBAAuB;AAI/F;AACA,SAASC,sBAAsB,IAAIC,aAAa,EAAEC,uBAAuB,QAAQ,0BAA0B;AAI3G;AACA,SAASC,wBAAwB,IAAIC,eAAe,EAAEC,yBAAyB,QAAQ,uBAAuB;AAI9G;AACA,SAASC,oBAAoB,IAAIC,WAAW,EAAEC,qBAAqB,QAAQ,wBAAwB;AAInG;AACA,SAASC,oBAAoB,IAAIC,WAAW,EAAEC,qBAAqB,QAAQ,wBAAwB;AAInG;AACA,SAASC,wBAAwB,IAAIC,eAAe,EAAEC,yBAAyB,QAAQ,4BAA4B;AAInH;AACA,SAASC,oBAAoB,IAAIC,WAAW,EAAEC,qBAAqB,QAAQ,wBAAwB;AAInG;AACA,SAASC,sBAAsB,IAAIC,aAAa,EAAEC,uBAAuB,QAAQ,0BAA0B;AAI3G,SACEC,KAAK,EACLC,eAAe,EACfC,oBAAoB,EACpBC,uBAAuB,EACvBC,iBAAiB,QACZ,uBAAuB;AAG9B,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,uBAAuB,EACvBC,kBAAkB,QACb,0BAA0B;AAWjC,SACEC,WAAW,EACXC,qBAAqB,EACrBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,6BAA6B;AAQpC,SACEC,IAAI,EACJC,QAAQ,EACRC,YAAY,EACZC,cAAc,EACdC,gBAAgB,EAChBC,qBAAqB,EACrBC,uBAAuB,EACvBC,2BAA2B,EAC3BC,gBAAgB,EAChBC,oBAAoB,EACpBC,0BAA0B,EAC1BC,iCAAiC,EACjCC,mBAAmB,EACnBC,uBAAuB,EACvBC,oCAAoC,EACpCC,6BAA6B,EAC7BC,sBAAsB,EACtBC,0BAA0B,EAC1BC,uCAAuC,EACvCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,kBAAkB,EAClBC,wBAAwB,EACxBC,kBAAkB,EAClBC,cAAc,EACdC,oBAAoB,EACpBC,oBAAoB,QACf,sBAAsB"}
+{"version":3,"names":["Alert","alertClassNames","renderAlert_unstable","useAlertStyles_unstable","useAlert_unstable","InfoButton","infoButtonClassNames","useInfoButton_unstable","useInfoButtonStyles_unstable","renderInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabel_unstable","useInfoLabelStyles_unstable","CheckboxField_unstable","CheckboxField","checkboxFieldClassNames","ComboboxField_unstable","ComboboxField","comboboxFieldClassNames","InputField_unstable","InputField","inputFieldClassNames","ProgressField_unstable","ProgressField","progressFieldClassNames","RadioGroupField_unstable","RadioGroupField","radioGroupFieldClassNames","SelectField_unstable","SelectField","selectFieldClassNames","SliderField_unstable","SliderField","sliderFieldClassNames","SpinButtonField_unstable","SpinButtonField","spinButtonFieldClassNames","SwitchField_unstable","SwitchField","switchFieldClassNames","TextareaField_unstable","TextareaField","textareaFieldClassNames","Field","fieldClassNames","renderField_unstable","useFieldStyles_unstable","useField_unstable","Skeleton","renderSkeleton_unstable","skeletonClassNames","useSkeletonStyles_unstable","useSkeleton_unstable","SkeletonItem","renderSkeletonItem_unstable","skeletonItemClassNames","useSkeletonItemStyles_unstable","useSkeletonItem_unstable","SkeletonContextProvider","useSkeletonContext","Virtualizer","virtualizerClassNames","useVirtualizer_unstable","renderVirtualizer_unstable","useVirtualizerStyles_unstable","useIntersectionObserver","Tree","TreeItem","TreeProvider","TreeItemLayout","TreeItemProvider","TreeItemPersonaLayout","useTreeContext_unstable","useTreeItemContext_unstable","useTree_unstable","useTreeItem_unstable","useTreeItemLayout_unstable","useTreeItemPersonaLayout_unstable","renderTree_unstable","renderTreeItem_unstable","renderTreeItemPersonaLayout_unstable","renderTreeItemLayout_unstable","useTreeStyles_unstable","useTreeItemStyles_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemLayoutStyles_unstable","treeItemPersonaLayoutClassNames","treeItemLevelToken","treeItemLayoutClassNames","treeItemClassNames","treeClassNames","useFlatTree_unstable","flattenTree_unstable"],"sources":["../../src/unstable/index.ts"],"sourcesContent":["// Stub for unstable exports\n\nexport {\n  Alert,\n  alertClassNames,\n  renderAlert_unstable,\n  useAlertStyles_unstable,\n  useAlert_unstable,\n} from '@fluentui/react-alert';\nexport type { AlertProps, AlertSlots, AlertState } from '@fluentui/react-alert';\n\nexport {\n  InfoButton,\n  infoButtonClassNames,\n  useInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  renderInfoButton_unstable,\n  InfoLabel,\n  infoLabelClassNames,\n  renderInfoLabel_unstable,\n  useInfoLabel_unstable,\n  useInfoLabelStyles_unstable,\n} from '@fluentui/react-infobutton';\nexport type {\n  InfoButtonProps,\n  InfoButtonSlots,\n  InfoButtonState,\n  InfoLabelProps,\n  InfoLabelSlots,\n  InfoLabelState,\n} from '@fluentui/react-infobutton';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { CheckboxField_unstable as CheckboxField, checkboxFieldClassNames } from '@fluentui/react-checkbox';\n// eslint-disable-next-line deprecation/deprecation\nexport type { CheckboxFieldProps_unstable as CheckboxFieldProps } from '@fluentui/react-checkbox';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { ComboboxField_unstable as ComboboxField, comboboxFieldClassNames } from '@fluentui/react-combobox';\n// eslint-disable-next-line deprecation/deprecation\nexport type { ComboboxFieldProps_unstable as ComboboxFieldProps } from '@fluentui/react-combobox';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { InputField_unstable as InputField, inputFieldClassNames } from '@fluentui/react-input';\n// eslint-disable-next-line deprecation/deprecation\nexport type { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { ProgressField_unstable as ProgressField, progressFieldClassNames } from '@fluentui/react-progress';\n// eslint-disable-next-line deprecation/deprecation\nexport type { ProgressFieldProps_unstable as ProgressFieldProps } from '@fluentui/react-progress';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { RadioGroupField_unstable as RadioGroupField, radioGroupFieldClassNames } from '@fluentui/react-radio';\n// eslint-disable-next-line deprecation/deprecation\nexport type { RadioGroupFieldProps_unstable as RadioGroupFieldProps } from '@fluentui/react-radio';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SelectField_unstable as SelectField, selectFieldClassNames } from '@fluentui/react-select';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SelectFieldProps_unstable as SelectFieldProps } from '@fluentui/react-select';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SliderField_unstable as SliderField, sliderFieldClassNames } from '@fluentui/react-slider';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SliderFieldProps_unstable as SliderFieldProps } from '@fluentui/react-slider';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SpinButtonField_unstable as SpinButtonField, spinButtonFieldClassNames } from '@fluentui/react-spinbutton';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SpinButtonFieldProps_unstable as SpinButtonFieldProps } from '@fluentui/react-spinbutton';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { SwitchField_unstable as SwitchField, switchFieldClassNames } from '@fluentui/react-switch';\n// eslint-disable-next-line deprecation/deprecation\nexport type { SwitchFieldProps_unstable as SwitchFieldProps } from '@fluentui/react-switch';\n\n// eslint-disable-next-line deprecation/deprecation\nexport { TextareaField_unstable as TextareaField, textareaFieldClassNames } from '@fluentui/react-textarea';\n// eslint-disable-next-line deprecation/deprecation\nexport type { TextareaFieldProps_unstable as TextareaFieldProps } from '@fluentui/react-textarea';\n\nexport {\n  Field,\n  fieldClassNames,\n  renderField_unstable,\n  useFieldStyles_unstable,\n  useField_unstable,\n} from '@fluentui/react-field';\nexport type { FieldProps, FieldSlots, FieldState } from '@fluentui/react-field';\n\nexport {\n  Skeleton,\n  renderSkeleton_unstable,\n  skeletonClassNames,\n  useSkeletonStyles_unstable,\n  useSkeleton_unstable,\n  SkeletonItem,\n  renderSkeletonItem_unstable,\n  skeletonItemClassNames,\n  useSkeletonItemStyles_unstable,\n  useSkeletonItem_unstable,\n  SkeletonContextProvider,\n  useSkeletonContext,\n} from '@fluentui/react-skeleton';\nexport type {\n  SkeletonProps,\n  SkeletonSlots,\n  SkeletonState,\n  SkeletonItemProps,\n  SkeletonItemSlots,\n  SkeletonItemState,\n  SkeletonContextValue,\n} from '@fluentui/react-skeleton';\n\nexport {\n  Virtualizer,\n  virtualizerClassNames,\n  useVirtualizer_unstable,\n  renderVirtualizer_unstable,\n  useVirtualizerStyles_unstable,\n  useIntersectionObserver,\n} from '@fluentui/react-virtualizer';\nexport type {\n  VirtualizerProps,\n  VirtualizerState,\n  VirtualizerSlots,\n  VirtualizerChildRenderFunction,\n} from '@fluentui/react-virtualizer';\n\nexport {\n  Tree,\n  TreeItem,\n  TreeProvider,\n  TreeItemLayout,\n  TreeItemProvider,\n  TreeItemPersonaLayout,\n  useTreeContext_unstable,\n  useTreeItemContext_unstable,\n  useTree_unstable,\n  useTreeItem_unstable,\n  useTreeItemLayout_unstable,\n  useTreeItemPersonaLayout_unstable,\n  renderTree_unstable,\n  renderTreeItem_unstable,\n  renderTreeItemPersonaLayout_unstable,\n  renderTreeItemLayout_unstable,\n  useTreeStyles_unstable,\n  useTreeItemStyles_unstable,\n  useTreeItemPersonaLayoutStyles_unstable,\n  useTreeItemLayoutStyles_unstable,\n  treeItemPersonaLayoutClassNames,\n  treeItemLevelToken,\n  treeItemLayoutClassNames,\n  treeItemClassNames,\n  treeClassNames,\n  useFlatTree_unstable,\n  flattenTree_unstable,\n} from '@fluentui/react-tree';\n\nexport type {\n  TreeState,\n  TreeSlots,\n  TreeProps,\n  TreeOpenChangeEvent,\n  TreeOpenChangeData,\n  TreeNavigationEvent_unstable,\n  TreeNavigationData_unstable,\n  TreeItemState,\n  TreeItemSlots,\n  TreeItemProps,\n  TreeItemPersonaLayoutState,\n  TreeItemPersonaLayoutSlots,\n  TreeItemPersonaLayoutProps,\n  TreeItemLayoutState,\n  TreeItemLayoutSlots,\n  TreeItemLayoutProps,\n  TreeItemId,\n  TreeContextValue,\n  NestedTreeItem,\n  FlatTree,\n  FlatTreeProps,\n  FlatTreeItemProps,\n  FlatTreeItem,\n} from '@fluentui/react-tree';\n"],"mappings":"AAAA;AAEA,SACEA,KAAK,EACLC,eAAe,EACfC,oBAAoB,EACpBC,uBAAuB,EACvBC,iBAAiB,QACZ;AAGP,SACEC,UAAU,EACVC,oBAAoB,EACpBC,sBAAsB,EACtBC,4BAA4B,EAC5BC,yBAAyB,EACzBC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB;AAUP;AACA,SAASC,sBAAA,IAA0BC,aAAa,EAAEC,uBAAuB,QAAQ;AAIjF;AACA,SAASC,sBAAA,IAA0BC,aAAa,EAAEC,uBAAuB,QAAQ;AAIjF;AACA,SAASC,mBAAA,IAAuBC,UAAU,EAAEC,oBAAoB,QAAQ;AAIxE;AACA,SAASC,sBAAA,IAA0BC,aAAa,EAAEC,uBAAuB,QAAQ;AAIjF;AACA,SAASC,wBAAA,IAA4BC,eAAe,EAAEC,yBAAyB,QAAQ;AAIvF;AACA,SAASC,oBAAA,IAAwBC,WAAW,EAAEC,qBAAqB,QAAQ;AAI3E;AACA,SAASC,oBAAA,IAAwBC,WAAW,EAAEC,qBAAqB,QAAQ;AAI3E;AACA,SAASC,wBAAA,IAA4BC,eAAe,EAAEC,yBAAyB,QAAQ;AAIvF;AACA,SAASC,oBAAA,IAAwBC,WAAW,EAAEC,qBAAqB,QAAQ;AAI3E;AACA,SAASC,sBAAA,IAA0BC,aAAa,EAAEC,uBAAuB,QAAQ;AAIjF,SACEC,KAAK,EACLC,eAAe,EACfC,oBAAoB,EACpBC,uBAAuB,EACvBC,iBAAiB,QACZ;AAGP,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,uBAAuB,EACvBC,kBAAkB,QACb;AAWP,SACEC,WAAW,EACXC,qBAAqB,EACrBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB;AAQP,SACEC,IAAI,EACJC,QAAQ,EACRC,YAAY,EACZC,cAAc,EACdC,gBAAgB,EAChBC,qBAAqB,EACrBC,uBAAuB,EACvBC,2BAA2B,EAC3BC,gBAAgB,EAChBC,oBAAoB,EACpBC,0BAA0B,EAC1BC,iCAAiC,EACjCC,mBAAmB,EACnBC,uBAAuB,EACvBC,oCAAoC,EACpCC,6BAA6B,EAC7BC,sBAAsB,EACtBC,0BAA0B,EAC1BC,uCAAuC,EACvCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,kBAAkB,EAClBC,wBAAwB,EACxBC,kBAAkB,EAClBC,cAAc,EACdC,oBAAoB,EACpBC,oBAAoB,QACf"}

package/lib-commonjs/Concepts/Icons/ReactIconGrid.js

@@ -1,104 +1,161 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const React = /*#__PURE__*/require("react");
-// eslint-disable-next-line import/no-extraneous-dependencies
-const ReactIcons = /*#__PURE__*/require("@fluentui/react-icons");
-const react_input_1 = /*#__PURE__*/require("@fluentui/react-input");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const useStyles = /*#__PURE__*/react_1.__styles({
-  grid: {
-    mc9l5x: "f13qh94s",
-    Budl1dq: "f103s1qi",
-    w08cwm: "fz44487",
-    De3pzq: "f1vbpgwy",
-    Bqyf3fh: "f1y7pwzt",
-    tuaewz: "fkjsrz3",
-    js62xs: "f1v4pbv1",
-    ge08ax: "f10n702m",
-    vwmem1: "fukf1g8",
-    pq1t01: "f1ke9dqw",
-    Bspu8ag: ["ft83mph", "fduese8"],
-    B83reyd: "ffztlgx",
-    d2aa3c: ["fduese8", "ft83mph"],
-    Bo0llhl: "f1ad31ox",
-    Bfpbev4: "f1pcllc0",
-    Bs90se3: "fdkswtx",
-    B83tkto: "f1yxgqk0",
-    pxe6pr: "fg04g75",
-    Beqvepd: "fvrpp50",
-    Bq5m64l: ["f1xqymmk", "f1mqnmtg"],
-    B0xcf35: "f12h2kxz",
-    B9c2vit: ["f1mqnmtg", "f1xqymmk"]
-  },
-  searchBox: {
-    De3pzq: "f1vbpgwy",
-    B2u0y6b: "f1ogbl2p",
-    jrapky: "f1dl2k97"
-  },
-  radio: {
-    De3pzq: "f1vbpgwy",
-    Be2twd7: "fnsq08h"
-  }
-}, {
-  d: [".f13qh94s{display:grid;}", ".f103s1qi{grid-template-columns:auto auto auto auto;}", ".fz44487{grid-gap:10px;}", ".f1vbpgwy{background-color:#F7F7F7;}", ".f1y7pwzt>div{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fkjsrz3>div{background-color:#FFFFFF;}", ".f1v4pbv1>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f10n702m>div{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fukf1g8>div{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}", ".f1ke9dqw>div{padding-top:8px;}", ".ft83mph>div{padding-right:8px;}", ".fduese8>div{padding-left:8px;}", ".ffztlgx>div{padding-bottom:8px;}", ".f1ad31ox>div{overflow-x:hidden;}", ".f1pcllc0>div{overflow-y:hidden;}", ".fdkswtx>div>code{font-size:8px;}", ".f1yxgqk0>div>code{display:inline-block;}", ".fg04g75>div>code{height:auto;}", ".fvrpp50>div>code{padding-top:0px 8px;}", ".f1xqymmk>div>code{padding-right:0px 8px;}", ".f1mqnmtg>div>code{padding-left:0px 8px;}", ".f12h2kxz>div>code{padding-bottom:0px 8px;}", ".f1ogbl2p{max-width:320px;}", ".f1dl2k97{margin-bottom:10px;}", ".fnsq08h{font-size:11px;}"]
+Object.defineProperty(exports, "default" //# sourceMappingURL=ReactIconGrid.js.map
+, {
+    enumerable: true,
+    get: ()=>_default
 });
-const reactIcons = /*#__PURE__*/Object.keys(ReactIcons)
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-.map(iconName => ReactIcons[iconName]).filter(icon => !!icon && !!icon.displayName);
-const ReactIconGrid = () => {
-  const [search, setSearch] = React.useState('');
-  const [size, setSize] = React.useState(24);
-  const styles = useStyles();
-  const _onSearchQueryChanged = ev => {
-    setSearch(ev ? ev.currentTarget.value : '');
-  };
-  const _filterBySize = ev => {
-    const newSize = ev ? ev.currentTarget.value : '';
-    if (newSize === 'All') {
-      setSize('');
-    } else if (newSize === 'Unsized') {
-      setSize('Unsized');
-    } else {
-      setSize(newSize);
-    }
-  };
-  const _renderIcon = Icon => {
-    return React.createElement("div", {
-      key: Icon.displayName,
-      "aria-label": Icon.displayName
-    }, React.createElement(Icon, null), React.createElement("br", null), React.createElement("code", null, Icon.displayName));
-  };
-  const filteredIcons = React.useMemo(() => reactIcons.filter(icon => {
-    var _a, _b, _c;
-    if (size === 'Unsized') {
-      return icon.displayName && !/\d/.test(icon.displayName.toLowerCase()) && ((_a = icon.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(search.toLowerCase())) !== -1;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactIcons = /*#__PURE__*/ _interopRequireWildcard(require("@fluentui/react-icons"));
+const _reactInput = require("@fluentui/react-input");
+const _react1 = require("@griffel/react");
+const useStyles = /*#__PURE__*/ (0, _react1["__styles"])({
+    grid: {
+        mc9l5x: "f13qh94s",
+        Budl1dq: "f103s1qi",
+        w08cwm: "fz44487",
+        De3pzq: "f1vbpgwy",
+        Bqyf3fh: "f1y7pwzt",
+        tuaewz: "fkjsrz3",
+        js62xs: "f1v4pbv1",
+        ge08ax: "f10n702m",
+        vwmem1: "fukf1g8",
+        pq1t01: "f1ke9dqw",
+        Bspu8ag: [
+            "ft83mph",
+            "fduese8"
+        ],
+        B83reyd: "ffztlgx",
+        d2aa3c: [
+            "fduese8",
+            "ft83mph"
+        ],
+        Bo0llhl: "f1ad31ox",
+        Bfpbev4: "f1pcllc0",
+        Bs90se3: "fdkswtx",
+        B83tkto: "f1yxgqk0",
+        pxe6pr: "fg04g75",
+        Beqvepd: "fvrpp50",
+        Bq5m64l: [
+            "f1xqymmk",
+            "f1mqnmtg"
+        ],
+        B0xcf35: "f12h2kxz",
+        B9c2vit: [
+            "f1mqnmtg",
+            "f1xqymmk"
+        ]
+    },
+    searchBox: {
+        De3pzq: "f1vbpgwy",
+        B2u0y6b: "f1ogbl2p",
+        jrapky: "f1dl2k97"
+    },
+    radio: {
+        De3pzq: "f1vbpgwy",
+        Be2twd7: "fnsq08h"
     }
-    return ((_b = icon.displayName) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_c = icon.displayName) === null || _c === void 0 ? void 0 : _c.indexOf(String(size))) !== -1;
-  }), [search, size]);
-  return React.createElement("div", null, React.createElement(react_input_1.Input, {
-    type: "search",
-    placeholder: "Search icons",
-    value: search,
-    "aria-label": "search",
-    // eslint-disable-next-line react/jsx-no-bind
-    onChange: _onSearchQueryChanged,
-    className: styles.searchBox
-  }), [16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => React.createElement(React.Fragment, null, React.createElement("input", {
-    id: `option-${option}`,
-    defaultChecked: option === 24,
-    type: "radio",
-    value: option,
-    name: "size",
-    onChange: _filterBySize
-  }), React.createElement("label", {
-    htmlFor: `option-${option}`,
-    className: styles.radio
-  }, option))), React.createElement("div", {
-    className: styles.grid
-  }, filteredIcons.map(_renderIcon)));
+}, {
+    d: [
+        ".f13qh94s{display:grid;}",
+        ".f103s1qi{grid-template-columns:auto auto auto auto;}",
+        ".fz44487{grid-gap:10px;}",
+        ".f1vbpgwy{background-color:#F7F7F7;}",
+        ".f1y7pwzt>div{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fkjsrz3>div{background-color:#FFFFFF;}",
+        ".f1v4pbv1>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f10n702m>div{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
+        ".fukf1g8>div{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}",
+        ".f1ke9dqw>div{padding-top:8px;}",
+        ".ft83mph>div{padding-right:8px;}",
+        ".fduese8>div{padding-left:8px;}",
+        ".ffztlgx>div{padding-bottom:8px;}",
+        ".f1ad31ox>div{overflow-x:hidden;}",
+        ".f1pcllc0>div{overflow-y:hidden;}",
+        ".fdkswtx>div>code{font-size:8px;}",
+        ".f1yxgqk0>div>code{display:inline-block;}",
+        ".fg04g75>div>code{height:auto;}",
+        ".fvrpp50>div>code{padding-top:0px 8px;}",
+        ".f1xqymmk>div>code{padding-right:0px 8px;}",
+        ".f1mqnmtg>div>code{padding-left:0px 8px;}",
+        ".f12h2kxz>div>code{padding-bottom:0px 8px;}",
+        ".f1ogbl2p{max-width:320px;}",
+        ".f1dl2k97{margin-bottom:10px;}",
+        ".fnsq08h{font-size:11px;}"
+    ]
+});
+const reactIcons = /*#__PURE__*/ Object.keys(_reactIcons) // eslint-disable-next-line @typescript-eslint/no-explicit-any
+.map((iconName)=>_reactIcons[iconName]).filter((icon)=>!!icon && !!icon.displayName);
+const ReactIconGrid = ()=>{
+    const [search, setSearch] = _react.useState('');
+    const [size, setSize] = _react.useState(24);
+    const styles = useStyles();
+    const _onSearchQueryChanged = (ev)=>{
+        setSearch(ev ? ev.currentTarget.value : '');
+    };
+    const _filterBySize = (ev)=>{
+        const newSize = ev ? ev.currentTarget.value : '';
+        if (newSize === 'All') {
+            setSize('');
+        } else if (newSize === 'Unsized') {
+            setSize('Unsized');
+        } else {
+            setSize(newSize);
+        }
+    };
+    const _renderIcon = (Icon)=>{
+        return /*#__PURE__*/ _react.createElement("div", {
+            key: Icon.displayName,
+            "aria-label": Icon.displayName
+        }, /*#__PURE__*/ _react.createElement(Icon, null), /*#__PURE__*/ _react.createElement("br", null), /*#__PURE__*/ _react.createElement("code", null, Icon.displayName));
+    };
+    const filteredIcons = _react.useMemo(()=>{
+        return reactIcons.filter((icon)=>{
+            var _icon_displayName, _icon_displayName1;
+            if (size === 'Unsized') {
+                var _icon_displayName2;
+                return icon.displayName && !/\d/.test(icon.displayName.toLowerCase()) && ((_icon_displayName2 = icon.displayName) === null || _icon_displayName2 === void 0 ? void 0 : _icon_displayName2.toLowerCase().indexOf(search.toLowerCase())) !== -1;
+            }
+            return ((_icon_displayName = icon.displayName) === null || _icon_displayName === void 0 ? void 0 : _icon_displayName.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_icon_displayName1 = icon.displayName) === null || _icon_displayName1 === void 0 ? void 0 : _icon_displayName1.indexOf(String(size))) !== -1;
+        });
+    }, [
+        search,
+        size
+    ]);
+    return /*#__PURE__*/ _react.createElement("div", null, /*#__PURE__*/ _react.createElement(_reactInput.Input, {
+        type: "search",
+        placeholder: "Search icons",
+        value: search,
+        "aria-label": "search",
+        // eslint-disable-next-line react/jsx-no-bind
+        onChange: _onSearchQueryChanged,
+        className: styles.searchBox
+    }), [
+        16,
+        20,
+        24,
+        28,
+        32,
+        48,
+        'Unsized',
+        'All'
+    ].map((option)=>/*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("input", {
+            id: `option-${option}`,
+            defaultChecked: option === 24,
+            type: "radio",
+            value: option,
+            name: "size",
+            onChange: _filterBySize
+        }), /*#__PURE__*/ _react.createElement("label", {
+            htmlFor: `option-${option}`,
+            className: styles.radio
+        }, option))), /*#__PURE__*/ _react.createElement("div", {
+        className: styles.grid
+    }, filteredIcons.map(_renderIcon)));
 };
-exports.default = ReactIconGrid;
+const _default = ReactIconGrid;
+
 //# sourceMappingURL=ReactIconGrid.js.map

package/lib-commonjs/Concepts/Icons/ReactIconGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","ReactIcons","react_input_1","react_1","useStyles","__styles","grid","mc9l5x","Budl1dq","w08cwm","De3pzq","Bqyf3fh","tuaewz","js62xs","ge08ax","vwmem1","pq1t01","Bspu8ag","B83reyd","d2aa3c","Bo0llhl","Bfpbev4","Bs90se3","B83tkto","pxe6pr","Beqvepd","Bq5m64l","B0xcf35","B9c2vit","searchBox","B2u0y6b","jrapky","radio","Be2twd7","d","reactIcons","Object","keys","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","createElement","key","filteredIcons","useMemo","test","toLowerCase","_a","indexOf","_b","_c","String","Input","type","placeholder","onChange","className","option","Fragment","id","defaultChecked","name","htmlFor","exports","default"],"sources":["../src/packages/react-components/react-components/src/Concepts/Icons/ReactIconGrid.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { FluentIconsProps } from '@fluentui/react-icons';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n\nconst useStyles = makeStyles({\n  grid: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto auto auto',\n    gridGap: '10px',\n    backgroundColor: '#F7F7F7',\n\n    '> div': {\n      alignItems: 'center',\n      backgroundColor: '#FFFFFF',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-around',\n      ...shorthands.padding('8px'),\n      ...shorthands.overflow('hidden'),\n\n      '> code': {\n        fontSize: '8px',\n        display: 'inline-block',\n        height: 'auto',\n        ...shorthands.padding('0px 8px'),\n      },\n    },\n  },\n\n  searchBox: {\n    backgroundColor: '#F7F7F7',\n    maxWidth: '320px',\n    marginBottom: '10px',\n  },\n\n  radio: {\n    backgroundColor: '#F7F7F7',\n    fontSize: '11px',\n  },\n});\n\nconst reactIcons: React.FC<ReactIcons.FluentIconsProps>[] = Object.keys(ReactIcons)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  .map(iconName => (ReactIcons as any)[iconName])\n  .filter(icon => !!icon && !!icon.displayName);\n\nconst ReactIconGrid = () => {\n  const [search, setSearch] = React.useState('');\n  const [size, setSize] = React.useState<string | number>(24);\n  const styles = useStyles();\n\n  const _onSearchQueryChanged = (ev?: React.FormEvent<HTMLInputElement>) => {\n    setSearch(ev ? ev.currentTarget.value : '');\n  };\n\n  const _filterBySize = (ev?: React.FormEvent<HTMLElement | HTMLInputElement>) => {\n    const newSize = ev ? (ev.currentTarget as HTMLInputElement).value : '';\n    if (newSize === 'All') {\n      setSize('');\n    } else if (newSize === 'Unsized') {\n      setSize('Unsized');\n    } else {\n      setSize(newSize);\n    }\n  };\n\n  const _renderIcon = (Icon: React.FC<FluentIconsProps>): JSX.Element => {\n    return (\n      <div key={Icon.displayName} aria-label={Icon.displayName}>\n        <Icon />\n        <br />\n        <code>{Icon.displayName}</code>\n      </div>\n    );\n  };\n\n  const filteredIcons = React.useMemo(\n    () =>\n      reactIcons.filter(icon => {\n        if (size === 'Unsized') {\n          return (\n            icon.displayName! &&\n            !/\\d/.test(icon.displayName.toLowerCase()) &&\n            icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1\n          );\n        }\n\n        return (\n          icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1 &&\n          icon.displayName?.indexOf(String(size)) !== -1\n        );\n      }),\n    [search, size],\n  );\n\n  return (\n    <div>\n      <Input\n        type=\"search\"\n        placeholder=\"Search icons\"\n        value={search}\n        aria-label=\"search\"\n        // eslint-disable-next-line react/jsx-no-bind\n        onChange={_onSearchQueryChanged}\n        className={styles.searchBox}\n      />\n      {[16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => (\n        <>\n          <input\n            id={`option-${option}`}\n            defaultChecked={option === 24}\n            type=\"radio\"\n            value={option}\n            name=\"size\"\n            onChange={_filterBySize}\n          />\n          <label htmlFor={`option-${option}`} className={styles.radio}>\n            {option}\n          </label>\n        </>\n      ))}\n      <div className={styles.grid}>{filteredIcons.map(_renderIcon)}</div>\n    </div>\n  );\n};\n\nexport default ReactIconGrid;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/Concepts/Icons/ReactIconGrid.js"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { __styles, shorthands } from '@griffel/react';\nconst useStyles = /*#__PURE__*/__styles({\n  grid: {\n    mc9l5x: \"f13qh94s\",\n    Budl1dq: \"f103s1qi\",\n    w08cwm: \"fz44487\",\n    De3pzq: \"f1vbpgwy\",\n    Bqyf3fh: \"f1y7pwzt\",\n    tuaewz: \"fkjsrz3\",\n    js62xs: \"f1v4pbv1\",\n    ge08ax: \"f10n702m\",\n    vwmem1: \"fukf1g8\",\n    pq1t01: \"f1ke9dqw\",\n    Bspu8ag: [\"ft83mph\", \"fduese8\"],\n    B83reyd: \"ffztlgx\",\n    d2aa3c: [\"fduese8\", \"ft83mph\"],\n    Bo0llhl: \"f1ad31ox\",\n    Bfpbev4: \"f1pcllc0\",\n    Bs90se3: \"fdkswtx\",\n    B83tkto: \"f1yxgqk0\",\n    pxe6pr: \"fg04g75\",\n    Beqvepd: \"fvrpp50\",\n    Bq5m64l: [\"f1xqymmk\", \"f1mqnmtg\"],\n    B0xcf35: \"f12h2kxz\",\n    B9c2vit: [\"f1mqnmtg\", \"f1xqymmk\"]\n  },\n  searchBox: {\n    De3pzq: \"f1vbpgwy\",\n    B2u0y6b: \"f1ogbl2p\",\n    jrapky: \"f1dl2k97\"\n  },\n  radio: {\n    De3pzq: \"f1vbpgwy\",\n    Be2twd7: \"fnsq08h\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f103s1qi{grid-template-columns:auto auto auto auto;}\", \".fz44487{grid-gap:10px;}\", \".f1vbpgwy{background-color:#F7F7F7;}\", \".f1y7pwzt>div{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkjsrz3>div{background-color:#FFFFFF;}\", \".f1v4pbv1>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f10n702m>div{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fukf1g8>div{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}\", \".f1ke9dqw>div{padding-top:8px;}\", \".ft83mph>div{padding-right:8px;}\", \".fduese8>div{padding-left:8px;}\", \".ffztlgx>div{padding-bottom:8px;}\", \".f1ad31ox>div{overflow-x:hidden;}\", \".f1pcllc0>div{overflow-y:hidden;}\", \".fdkswtx>div>code{font-size:8px;}\", \".f1yxgqk0>div>code{display:inline-block;}\", \".fg04g75>div>code{height:auto;}\", \".fvrpp50>div>code{padding-top:0px 8px;}\", \".f1xqymmk>div>code{padding-right:0px 8px;}\", \".f1mqnmtg>div>code{padding-left:0px 8px;}\", \".f12h2kxz>div>code{padding-bottom:0px 8px;}\", \".f1ogbl2p{max-width:320px;}\", \".f1dl2k97{margin-bottom:10px;}\", \".fnsq08h{font-size:11px;}\"]\n});\nconst reactIcons = /*#__PURE__*/Object.keys(ReactIcons) // eslint-disable-next-line @typescript-eslint/no-explicit-any\n.map(iconName => ReactIcons[iconName]).filter(icon => !!icon && !!icon.displayName);\nconst ReactIconGrid = () => {\n  const [search, setSearch] = React.useState('');\n  const [size, setSize] = React.useState(24);\n  const styles = useStyles();\n  const _onSearchQueryChanged = ev => {\n    setSearch(ev ? ev.currentTarget.value : '');\n  };\n  const _filterBySize = ev => {\n    const newSize = ev ? ev.currentTarget.value : '';\n    if (newSize === 'All') {\n      setSize('');\n    } else if (newSize === 'Unsized') {\n      setSize('Unsized');\n    } else {\n      setSize(newSize);\n    }\n  };\n  const _renderIcon = Icon => {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      key: Icon.displayName,\n      \"aria-label\": Icon.displayName\n    }, /*#__PURE__*/React.createElement(Icon, null), /*#__PURE__*/React.createElement(\"br\", null), /*#__PURE__*/React.createElement(\"code\", null, Icon.displayName));\n  };\n  const filteredIcons = React.useMemo(() => {\n    return reactIcons.filter(icon => {\n      var _icon_displayName, _icon_displayName1;\n      if (size === 'Unsized') {\n        var _icon_displayName2;\n        return icon.displayName && !/\\d/.test(icon.displayName.toLowerCase()) && ((_icon_displayName2 = icon.displayName) === null || _icon_displayName2 === void 0 ? void 0 : _icon_displayName2.toLowerCase().indexOf(search.toLowerCase())) !== -1;\n      }\n      return ((_icon_displayName = icon.displayName) === null || _icon_displayName === void 0 ? void 0 : _icon_displayName.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_icon_displayName1 = icon.displayName) === null || _icon_displayName1 === void 0 ? void 0 : _icon_displayName1.indexOf(String(size))) !== -1;\n    });\n  }, [search, size]);\n  return /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(Input, {\n    type: \"search\",\n    placeholder: \"Search icons\",\n    value: search,\n    \"aria-label\": \"search\",\n    // eslint-disable-next-line react/jsx-no-bind\n    onChange: _onSearchQueryChanged,\n    className: styles.searchBox\n  }), [16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"input\", {\n    id: `option-${option}`,\n    defaultChecked: option === 24,\n    type: \"radio\",\n    value: option,\n    name: \"size\",\n    onChange: _filterBySize\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    htmlFor: `option-${option}`,\n    className: styles.radio\n  }, option))), /*#__PURE__*/React.createElement(\"div\", {\n    className: styles.grid\n  }, filteredIcons.map(_renderIcon)));\n};\nexport default ReactIconGrid;\n//# sourceMappingURL=ReactIconGrid.js.map"],"names":["useStyles","__styles","grid","mc9l5x","Budl1dq","w08cwm","De3pzq","Bqyf3fh","tuaewz","js62xs","ge08ax","vwmem1","pq1t01","Bspu8ag","B83reyd","d2aa3c","Bo0llhl","Bfpbev4","Bs90se3","B83tkto","pxe6pr","Beqvepd","Bq5m64l","B0xcf35","B9c2vit","searchBox","B2u0y6b","jrapky","radio","Be2twd7","d","reactIcons","Object","keys","ReactIcons","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","React","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","createElement","key","filteredIcons","useMemo","_icon_displayName","_icon_displayName1","_icon_displayName2","test","toLowerCase","indexOf","String","Input","type","placeholder","onChange","className","option","Fragment","id","defaultChecked","name","htmlFor"],"mappings":"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"}