@jenesei-software/jenesei-kit-react 1.0.0

package/build/component.styles-BfvB83xM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.styles-BfvB83xM.cjs","sources":["../src/components/icon/component.styles.ts","../src/components/icon/component.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nimport { addColorTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\nimport { KEY_SIZE_DATA } from '@local/theme'\n\nimport { StyledIconIdItemProps } from '.'\n\nexport const StyledSVG = styled.svg<StyledIconIdItemProps>`\n  color: ${props => (props.$color ? props.theme.palette[props.$color] : 'inherit')};\n\n  ${props => css`\n    height: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n    min-height: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n\n    width: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n    min-width: ${props.$size !== '100%' ? `${KEY_SIZE_DATA[props.$size].heightIcon}px` : '100%'};\n\n    transform: rotate(${props.$turn || 0}deg);\n  `}\n  ${props =>\n    props.$order !== undefined &&\n    css`\n      order: ${props.$order};\n    `};\n  ${addColorTransition};\n  & path {\n    ${addColorTransition};\n  }\n  ${addSX};\n`\n","import { useMemo } from 'react'\n\nimport { JeneseiPalette } from '@local/theme/theme'\n\nimport {\n  IconItemProps,\n  IconTypeMap,\n  StyledSVG,\n  TIconCheckboxNameString,\n  TIconIdNameString,\n  TIconLoadingNameString,\n  TIconLogoNameString,\n  TIconRealEbailNameString\n} from '.'\nimport IconCheckboxJSON from './component-checkbox.json'\nimport IconIdJSON from './component-id.json'\nimport IconLoadingJSON from './component-loading.json'\nimport IconLogoJSON from './component-logo.json'\nimport IconRealEbailJSON from './component-realebail.json'\n\nexport const Icon = <T extends keyof IconTypeMap>(props: IconItemProps<T>) => {\n  const icon = useMemo(() => {\n    let icon = null\n\n    switch (props.type) {\n      case 'id':\n        icon = IconIdJSON[props.name as TIconIdNameString]\n        break\n      case 'realebail':\n        icon = IconRealEbailJSON[props.name as TIconRealEbailNameString]\n        break\n      case 'logo':\n        icon = IconLogoJSON[props.name as TIconLogoNameString]\n        break\n      case 'checkbox':\n        icon = IconCheckboxJSON[props.name as TIconCheckboxNameString]\n        break\n      case 'loading':\n        icon = IconLoadingJSON[props.name as TIconLoadingNameString]\n        break\n    }\n    return icon\n  }, [props.name, props.type])\n\n  const primaryColor = props.primaryColor ? JeneseiPalette[props.primaryColor] : 'currentColor'\n  const secondColor = props.secondColor ? JeneseiPalette[props.secondColor] : 'currentColor'\n\n  if (!icon) {\n    console.warn(`Icon ${props.name} not found in the library.`)\n    return null\n  }\n\n  const getFillColor = (fillType?: string): string | undefined => {\n    if (fillType === 'primaryColor') return primaryColor\n    if (fillType === 'secondColor') return secondColor\n    return 'currentColor'\n  }\n\n  const contentPaths =\n    (props.type == 'id' || props.type === 'checkbox' || props.type === 'realebail' || props.type === 'logo') &&\n    typeof icon === 'object' &&\n    'paths' in icon\n      ? (icon.paths ?? []).map((path, index) => (\n          <path\n            key={index}\n            id={'id' in path ? (path.id as string) : undefined}\n            d={path.d}\n            clipRule=\"evenodd\"\n            fillRule=\"evenodd\"\n            fill={'fill' in path ? getFillColor(path.fill as string) : 'currentColor'}\n          />\n        ))\n      : null\n\n  const contentLoadings = props.type == 'loading' ? (icon as string) : null\n\n  return (\n    <StyledSVG\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      $size={props.size}\n      $turn={props.turn}\n      $order={props.order}\n      $color={props.primaryColor || undefined}\n      $sx={props.sx}\n      className={props.className}\n      onClick={props.onClick}\n      tabIndex={props.tabIndex}\n      dangerouslySetInnerHTML={contentLoadings ? { __html: contentLoadings } : undefined}\n    >\n      {contentPaths}\n    </StyledSVG>\n  )\n}\n"],"names":["StyledSVG","styled","svg","props","$color","theme","palette","css","$size","KEY_SIZE_DATA","heightIcon","$turn","$order","addColorTransition","addSX","icon","useMemo","type","IconIdJSON","name","IconRealEbailJSON","IconLogoJSON","IconCheckboxJSON","IconLoadingJSON","primaryColor","JeneseiPalette","secondColor","console","warn","contentPaths","paths","map","path","index","jsx","id","d","clipRule","fillRule","fill","fillType","contentLoadings","width","height","viewBox","xmlns","size","turn","order","$sx","sx","className","onClick","tabIndex","dangerouslySetInnerHTML","__html","children"],"mappings":"upqPAQaA,EAAYC,EAAOC,GAAA;WACrBC,GAAUA,EAAMC,OAASD,EAAME,MAAMC,QAAQH,EAAMC,QAAU;;IAEpED,GAASI,EAAAA,GAAAA;cACiB,SAAhBJ,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;kBACpD,SAAhBP,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;;aAE7D,SAAhBP,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;iBACpD,SAAhBP,EAAMK,MAAmB,GAAGC,EAAAA,cAAcN,EAAMK,OAAOE,eAAiB;;wBAEjEP,EAAMQ,OAAS;;IAEnCR,QACiB,IAAjBA,EAAMS,QACNL,EAAAA,GAAAA;eACWJ,EAAMS;;IAEjBC;;MAEEA;;IAEFC;eCT8CX,IAChD,MAAMY,EAAOC,EAAAA,QAAQ,KACnB,IAAID,EAAO,KAEX,OAAQZ,EAAMc,MACZ,IAAK,KACHF,EAAOG,EAAWf,EAAMgB,MACxB,MACF,IAAK,YACHJ,EAAOK,EAAkBjB,EAAMgB,MAC/B,MACF,IAAK,OACHJ,EAAOM,EAAalB,EAAMgB,MAC1B,MACF,IAAK,WACHJ,EAAOO,EAAiBnB,EAAMgB,MAC9B,MACF,IAAK,UACHJ,EAAOQ,EAAgBpB,EAAMgB,MAGjC,OAAOJ,GACN,CAACZ,EAAMgB,KAAMhB,EAAMc,OAEhBO,EAAerB,EAAMqB,aAAeC,EAAAA,eAAetB,EAAMqB,cAAgB,eACzEE,EAAcvB,EAAMuB,YAAcD,EAAAA,eAAetB,EAAMuB,aAAe,eAE5E,IAAKX,EAEH,OADAY,QAAQC,KAAK,QAAQzB,EAAMgB,kCACpB,KAGT,MAMMU,EACW,MAAd1B,EAAMc,MAA+B,aAAfd,EAAMc,MAAsC,cAAfd,EAAMc,MAAuC,SAAfd,EAAMc,MACxE,iBAATF,KACP,UAAWA,GAWP,MAVCA,EAAKe,OAAS,IAAIC,IAAI,CAACC,EAAMC,KAC5BC,SAAAA,kBAAAA,IAAC,OAAA,CAECC,GAAI,OAAQH,EAAQA,EAAKG,QAAgB,EACzCC,EAAGJ,EAAKI,EACRC,SAAS,UACTC,SAAS,UACTC,KAAM,SAAUP,GAjBJQ,EAiBwBR,EAAKO,KAhBhC,iBAAbC,EAAoChB,EACvB,gBAAbgB,EAAmCd,EAChC,gBAc4D,gBALtDO,GAZM,IAACO,IAsBhBC,EAAgC,WAAdtC,EAAMc,KAAqBF,EAAkB,KAErE,SACEmB,kBAAAA,IAAClC,EAAA,CACC0C,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,MAAM,6BACNrC,MAAOL,EAAM2C,KACbnC,MAAOR,EAAM4C,KACbnC,OAAQT,EAAM6C,MACd5C,OAAQD,EAAMqB,mBAAgB,EAC9ByB,IAAK9C,EAAM+C,GACXC,UAAWhD,EAAMgD,UACjBC,QAASjD,EAAMiD,QACfC,SAAUlD,EAAMkD,SAChBC,wBAAyBb,EAAkB,CAAEc,OAAQd,QAAoB,EAExEe,SAAA3B"}