{"version":3,"file":"kitProps-PA2y3u1q.js","sources":["../../../app/javascript/components/AvailableProps/kitProps.tsx"],"sourcesContent":["import React from 'react'\nimport { Body, Card, Table, Title } from 'playbook-ui'\n\ntype KitPropsType = {\n  kitPropsValues: {[key: string]: any},\n  darkMode: boolean\n}\n\nconst KitProps = ({ kitPropsValues, darkMode }: KitPropsType) => {\n  const getTypeName = (typeName: string) => {\n    if (typeName.indexOf('{') !== -1) {\n      return 'object'\n    }\n    if (typeName.indexOf('|') !== -1) {\n      return 'union'\n    }\n    if (typeName.indexOf('=>') !== -1) {\n      return 'function'\n    }\n    return typeName\n  }\n\n  const getTypeValue = (val: any) => {\n    const type = val.type\n    if (type.value) {\n      if (type.value.length > 2) {\n        return type.value.map((item: any) => item.value).join(' | ')\n      } else {\n        return val.type.value[1].value\n      }\n    } else {\n      if (type.name === 'string') return ''\n      return val.type.name\n    }\n  }\n\n  return (\n    <>\n      <Card.Body\n          dark={darkMode}\n          padding=\"none\"\n      >\n        <Table\n            container={false}\n            dark={darkMode}\n            disableHover\n            size=\"md\"\n        >\n          <thead>\n            <tr>\n              <th>{'Props'}</th>\n              <th>{'Type'}</th>\n              <th>{'Values'}</th>\n            </tr>\n          </thead>\n          <tbody>\n            {Object.entries(kitPropsValues).map(([propName, propsValue]) => (\n              <>\n                <tr>\n                  <td>\n                    <Title\n                        dark={darkMode}\n                        size={4}\n                        tag=\"h4\"\n                        text={propName}\n                    />\n                  </td>\n                  <td>\n                    <Card\n                        background={darkMode ? 'dark' : 'light'}\n                        borderNone\n                        borderRadius=\"sm\"\n                        display=\"inline_block\"\n                        padding=\"xxs\"\n                    >\n                      <Body\n                          className=\"kearning\"\n                          dark={darkMode}\n                      >\n                        {getTypeName(propsValue.type.name)}\n                      </Body>\n                    </Card>\n                  </td>\n                  <td>\n                    {\n                      propsValue.type.name ? (\n                        <Card\n                            background={darkMode ? 'dark' : 'light'}\n                            borderNone\n                            borderRadius=\"sm\"\n                            display=\"inline_block\"\n                            flexDirection=\"row\"\n                            margin=\"xxs\"\n                            padding=\"xxs\"\n                        >\n                          <Body\n                              className=\"kearning\"\n                              dark={darkMode}\n                          >\n                           {getTypeValue(propsValue)}\n                          </Body>\n                        </Card>\n                        ) : null\n                    }\n\n                  </td>\n                </tr>\n              </>\n            ))}\n          </tbody>\n        </Table>\n      </Card.Body>\n    </>\n  )\n}\n\nexport default KitProps\n"],"names":["KitProps","kitPropsValues","darkMode","getTypeName","typeName","getTypeValue","val","type","item","jsx","Fragment","Card","jsxs","Table","propName","propsValue","Title","Body"],"mappings":"gLAQA,MAAMA,EAAW,CAAC,CAAE,eAAAC,EAAgB,SAAAC,KAA6B,CACzD,MAAAC,EAAeC,GACfA,EAAS,QAAQ,GAAG,IAAM,GACrB,SAELA,EAAS,QAAQ,GAAG,IAAM,GACrB,QAELA,EAAS,QAAQ,IAAI,IAAM,GACtB,WAEFA,EAGHC,EAAgBC,GAAa,CACjC,MAAMC,EAAOD,EAAI,KACjB,OAAIC,EAAK,MACHA,EAAK,MAAM,OAAS,EACfA,EAAK,MAAM,IAAKC,GAAcA,EAAK,KAAK,EAAE,KAAK,KAAK,EAEpDF,EAAI,KAAK,MAAM,CAAC,EAAE,MAGvBC,EAAK,OAAS,SAAiB,GAC5BD,EAAI,KAAK,IAClB,EAGF,OAEIG,MAAAC,EAAAA,SAAA,CAAA,SAAAD,EAAA,IAACE,EAAK,KAAL,CACG,KAAMT,EACN,QAAQ,OAEV,SAAAU,EAAA,KAACC,EAAA,CACG,UAAW,GACX,KAAMX,EACN,aAAY,GACZ,KAAK,KAEP,SAAA,CAACO,EAAA,IAAA,QAAA,CACC,gBAAC,KACC,CAAA,SAAA,CAAAA,EAAAA,IAAC,MAAI,SAAQ,OAAA,CAAA,EACbA,EAAAA,IAAC,MAAI,SAAO,MAAA,CAAA,EACZA,EAAAA,IAAC,MAAI,SAAS,QAAA,CAAA,CAAA,CAAA,CAChB,CACF,CAAA,EACCA,MAAA,QAAA,CACE,SAAO,OAAA,QAAQR,CAAc,EAAE,IAAI,CAAC,CAACa,EAAUC,CAAU,IACxDN,EAAA,IAAAC,WAAA,CACE,gBAAC,KACC,CAAA,SAAA,CAAAD,MAAC,KACC,CAAA,SAAAA,EAAA,IAACO,EAAA,CACG,KAAMd,EACN,KAAM,EACN,IAAI,KACJ,KAAMY,CAAA,CAAA,EAEZ,QACC,KACC,CAAA,SAAAL,EAAA,IAACE,EAAA,CACG,WAAYT,EAAW,OAAS,QAChC,WAAU,GACV,aAAa,KACb,QAAQ,eACR,QAAQ,MAEV,SAAAO,EAAA,IAACQ,EAAA,CACG,UAAU,WACV,KAAMf,EAEP,SAAAC,EAAYY,EAAW,KAAK,IAAI,CAAA,CACnC,CAAA,CAAA,EAEJ,EACCN,EAAA,IAAA,KAAA,CAEG,SAAWM,EAAA,KAAK,KACdN,EAAA,IAACE,EAAA,CACG,WAAYT,EAAW,OAAS,QAChC,WAAU,GACV,aAAa,KACb,QAAQ,eACR,cAAc,MACd,OAAO,MACP,QAAQ,MAEV,SAAAO,EAAA,IAACQ,EAAA,CACG,UAAU,WACV,KAAMf,EAER,WAAaa,CAAU,CAAA,CACzB,CAAA,GAEE,IAGV,CAAA,CAAA,EACF,CAAA,CACF,CACD,EACH,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAEJ"}