@fluentui/react-components 9.18.1 → 9.18.3

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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"}