@jenesei-software/jenesei-kit-react 1.3.15 → 1.3.16

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-BKnUDWqO.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 { JeneseiPalette } from '@local/theme/theme';\n\nimport { useMemo } from 'react';\n\nimport IconBustMarketJSON from './component-bustmarket.json';\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';\nimport {\n  IconItemProps,\n  IconTypeMap,\n  StyledSVG,\n  TIconBustMarketNameString,\n  TIconCheckboxNameString,\n  TIconIdNameString,\n  TIconLoadingNameString,\n  TIconLogoNameString,\n  TIconRealEbailNameString,\n} from '.';\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 'bustmarket':\n        icon = IconBustMarketJSON[props.name as TIconBustMarketNameString];\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={`${props.type}-${props.name}-path-${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 isFull = props.type === 'loading' || props.type === 'bustmarket' ? (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={isFull ? { __html: isFull } : 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","IconBustMarketJSON","IconRealEbailJSON","IconLogoJSON","IconCheckboxJSON","IconLoadingJSON","primaryColor","JeneseiPalette","secondColor","console","warn","contentPaths","paths","map","path","index","jsx","id","d","clipRule","fillRule","fill","fillType","isFull","width","height","viewBox","xmlns","size","turn","order","$sx","sx","className","onClick","tabIndex","dangerouslySetInnerHTML","__html","children"],"mappings":"g03PAQaA,EAAYC,EAAOC,GAAA;WACpBC,GAAWA,EAAMC,OAASD,EAAME,MAAMC,QAAQH,EAAMC,QAAU;;IAErED,GAAUI,EAAAA,GAAAA;cACe,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;;IAElCR,QACgB,IAAjBA,EAAMS,QACNL,EAAAA,GAAAA;eACWJ,EAAMS;;IAEjBC;;MAEEA;;IAEFC;eCP8CX,IAChD,MAAMY,EAAOC,EAAAA,QAAQ,KACnB,IAAID,EAAO,KAEX,OAAQZ,EAAMc,MACZ,IAAK,KACHF,EAAOG,EAAWf,EAAMgB,MACxB,MACF,IAAK,aACHJ,EAAOK,EAAmBjB,EAAMgB,MAChC,MACF,IAAK,YACHJ,EAAOM,EAAkBlB,EAAMgB,MAC/B,MACF,IAAK,OACHJ,EAAOO,EAAanB,EAAMgB,MAC1B,MACF,IAAK,WACHJ,EAAOQ,EAAiBpB,EAAMgB,MAC9B,MACF,IAAK,UACHJ,EAAOS,EAAgBrB,EAAMgB,MAGjC,OAAOJ,GACN,CAACZ,EAAMgB,KAAMhB,EAAMc,OAEhBQ,EAAetB,EAAMsB,aAAeC,EAAAA,eAAevB,EAAMsB,cAAgB,eACzEE,EAAcxB,EAAMwB,YAAcD,EAAAA,eAAevB,EAAMwB,aAAe,eAE5E,IAAKZ,EAEH,OADAa,QAAQC,KAAK,QAAQ1B,EAAMgB,kCACpB,KAGT,MAMMW,EACW,MAAd3B,EAAMc,MAA+B,aAAfd,EAAMc,MAAsC,cAAfd,EAAMc,MAAuC,SAAfd,EAAMc,MACxE,iBAATF,KACP,UAAWA,GAWP,MAVCA,EAAKgB,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,gBALtD,GAAGxB,EAAMc,QAAQd,EAAMgB,aAAae,KAZ9B,IAACO,IAsBhBC,EAAwB,YAAfvC,EAAMc,MAAqC,eAAfd,EAAMc,KAAyBF,EAAkB,KAE5F,SACEoB,kBAAAA,IAACnC,EAAA,CACC2C,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,MAAM,6BACNtC,MAAOL,EAAM4C,KACbpC,MAAOR,EAAM6C,KACbpC,OAAQT,EAAM8C,MACd7C,OAAQD,EAAMsB,mBAAgB,EAC9ByB,IAAK/C,EAAMgD,GACXC,UAAWjD,EAAMiD,UACjBC,QAASlD,EAAMkD,QACfC,SAAUnD,EAAMmD,SAChBC,wBAAyBb,EAAS,CAAEc,OAAQd,QAAW,EAEtDe,SAAA3B"}

package/build/component.styles-CJC0h3Ed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-CJC0h3Ed.js","sources":["../src/components/accordion/component.tsx","../src/components/accordion/component.styles.ts"],"sourcesContent":["import React, { FC, useCallback } from 'react';\n\nimport { Stack } from '@local/components/stack';\n\nimport {\n  AccordionDetails,\n  AccordionProps,\n  AccordionStyledIcon,\n  AccordionSummary,\n  AccordionSummaryContent,\n  AccordionWrapper,\n} from '.';\n\nexport const Accordion: FC<AccordionProps> = (props) => {\n  const onClickSummary = useCallback(() => {\n    if (props.onClickSummary) props.onClickSummary();\n  }, [props]);\n\n  const onClickIcon = useCallback(\n    (event: React.MouseEvent<SVGSVGElement>) => {\n      if (props.onClickIcon) {\n        event.stopPropagation();\n\n        props.onClickIcon();\n      }\n    },\n    [props],\n  );\n\n  return (\n    <Stack {...props.wrapperProps}>\n      <AccordionWrapper>\n        <AccordionSummary onClick={onClickSummary}>\n          <AccordionSummaryContent $isAccordionIcon={props.isAccordionIcon}>\n            {props.accordionSummary}\n          </AccordionSummaryContent>\n          {props.isAccordionIcon && (\n            <AccordionStyledIcon\n              $expanded={props.expanded}\n              onClick={onClickIcon}\n              name='Arrow1'\n              primaryColor='black100'\n              type='id'\n              size='large'\n            />\n          )}\n        </AccordionSummary>\n        <AccordionDetails $expanded={props.expanded}>{props.accordionDetails}</AccordionDetails>\n      </AccordionWrapper>\n    </Stack>\n  );\n};\n","import styled, { css } from 'styled-components';\n\nimport { Icon } from '@local/components/icon';\nimport { addTransition } from '@local/styles/add';\n\nimport { AccordionDetailsProps, AccordionStyledIconProps, AccordionSummaryContentProps } from '.';\n\nexport const AccordionWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`;\nexport const AccordionSummary = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n`;\nexport const AccordionSummaryContent = styled.div<AccordionSummaryContentProps>`\n  width: 100%;\n\n  ${(props) =>\n    props.$isAccordionIcon &&\n    css`\n      width: calc(100% - 26px);\n    `}\n`;\nexport const AccordionDetails = styled.div<AccordionDetailsProps>`\n  max-height: ${(props) => (props.$expanded ? '9999px' : '0')};\n  height: ${(props) => (props.$expanded ? '100%' : '0')};\n  opacity: ${(props) => (props.$expanded ? 1 : 0)};\n  overflow: hidden;\n  ${addTransition};\n`;\nexport const AccordionStyledIcon = styled(Icon)<AccordionStyledIconProps>`\n  padding: 4px;\n  box-sizing: content-box;\n  cursor: pointer;\n  ${(props) =>\n    props.$expanded\n      ? css`\n          transform: rotate(180deg);\n        `\n      : css`\n          transform: rotate(0deg);\n        `}\n`;\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAaO,MAAM,YAAgC,CAAC,UAAU;AACtD,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,MAAM,eAAgB,OAAM,eAAA;AAAA,EAAe,GAC9C,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc;AAAA,IAClB,CAAC,UAA2C;AAC1C,UAAI,MAAM,aAAa;AACrB,cAAM,gBAAA;AAEN,cAAM,YAAA;AAAA,MAAY;AAAA,IACpB;AAAA,IAEF,CAAC,KAAK;AAAA,EAAA;AAGR,+CACG,OAAA,EAAO,GAAG,MAAM,cACf,iDAAC,kBAAA,EACC,UAAA;AAAA,IAAAA,kCAAAA,KAAC,kBAAA,EAAiB,SAAS,gBACzB,UAAA;AAAA,MAAAC,sCAAC,yBAAA,EAAwB,kBAAkB,MAAM,iBAC9C,gBAAM,kBACT;AAAA,MACC,MAAM,mBACLA,kCAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,MAAM;AAAA,UACjB,SAAS;AAAA,UACT,MAAK;AAAA,UACL,cAAa;AAAA,UACb,MAAK;AAAA,UACL,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP,GAEJ;AAAA,0CACC,kBAAA,EAAiB,WAAW,MAAM,UAAW,gBAAM,iBAAA,CAAiB;AAAA,EAAA,EAAA,CACvE,EAAA,CACF;AAEJ;AC5CO,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAKhC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA,IAG1C,CAAC,UACD,MAAM,oBACN;AAAA;AAAA,KAEC;AAAA;AAEE,MAAM,mBAAmB,OAAO;AAAA,gBACvB,CAAC,UAAW,MAAM,YAAY,WAAW,GAAI;AAAA,YACjD,CAAC,UAAW,MAAM,YAAY,SAAS,GAAI;AAAA,aAC1C,CAAC,UAAW,MAAM,YAAY,IAAI,CAAE;AAAA;AAAA,IAE7C,aAAa;AAAA;AAEV,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,IAI1C,CAAC,UACD,MAAM,YACF;AAAA;AAAA,YAGA;AAAA;AAAA,SAEC;AAAA;"}

package/build/component.styles-CUCjXD3k.cjs

@@ -1,10 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./area-DphBWq86.cjs"),r=require("./component-GKvpOWlO.cjs"),n=require("react"),o=require("styled-components"),s=require("./style-Df37KnoJ.cjs"),i=require("./style-fRZ6xrVp.cjs"),a=o.img`
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  opacity: ${e=>e.$isPending?0:1};
-  ${s.addTransition};
-  ${i.addSX};
-`;exports.Image=s=>{const[i,c]=n.useState(!0),[l,u]=n.useState(!1);n.useEffect(()=>{if(!s.src)return;const e=new window.Image;return e.onload=()=>{c(!1),u(!1)},e.onerror=()=>{c(!1),u(!0)},e.src=s.src,e.complete&&(e.naturalWidth>0?(c(!1),u(!1)):(c(!1),u(!0))),()=>{e.onload=null,e.onerror=null,c(!0),u(!1)}},[s.src]);const d=o.useTheme(),{default:x,...g}=(null==s?void 0:s.sxStack)?"function"==typeof(null==s?void 0:s.sxStack)?s.sxStack(d):s.sxStack:{};return e.jsxRuntimeExports.jsxs(r.Stack,{sx:{default:{position:"relative",overflow:"hidden",...s.isShowBeforeImage?{"&::before":{width:"100%",height:"100%",content:'""',position:"absolute",inset:0,backgroundImage:`url(${s.src})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center",filter:"blur(20px)",transform:"scale(1.1)",zIndex:0}}:{},...x},...g},children:[l?null:s.componentLoading||i?e.jsxRuntimeExports.jsx(t.Skeleton,{visible:!0,sx:{default:{width:"100%",height:"100%"}}}):null,!l&&e.jsxRuntimeExports.jsx(a,{loading:"lazy",$isPending:i,src:s.src,alt:s.alt,$sx:s.sxImage}),l&&s.componentFallback||null]})},exports.ImageIMG=a;
-//# sourceMappingURL=component.styles-CUCjXD3k.cjs.map