@utilitywarehouse/hearth-react 0.5.0 → 0.6.0

package/dist/chunk-6REDV3MD.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkPWOQMLDPcjs = require('./chunk-PWOQMLDP.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkVPZS4ZLEcjs = require('./chunk-VPZS4ZLE.cjs');var _chunkXZ2XMTZOcjs = require('./chunk-XZ2XMTZO.cjs');var _chunkLVPYDLKGcjs = require('./chunk-LVPYDLKG.cjs');var _chunkIC3LY76Gcjs = require('./chunk-IC3LY76G.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var C="List",F=_chunk4H5JT5ORcjs.b.call(void 0, C),G= exports.a =e.forwardRef((E,r)=>{let{as:o="ul",className:P,colorScheme:t=void 0,heading:a,headingElement:H="div",helperText:i,linkText:l,linkHref:n,children:s,variant:m,id:R,"aria-labelledby":k,"aria-describedby":I,...d}=_chunk5DRU6TDWcjs.a.call(void 0, E,_chunkLAVQWQP2cjs.a),{id:w,labelId:p,helperTextId:c}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:R,prefix:"list"}),f={id:w,"aria-labelledby":_nullishCoalesce(k, () => ((a?p:void 0))),"aria-describedby":_nullishCoalesce(I, () => ((i?c:void 0)))},B=n&&l;return e.createElement("div",{className:_clsx2.default.call(void 0, F,P)},e.createElement("div",{className:"hearth-ListHeader"},e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column",flexGrow:"1"},e.createElement(_chunkXZ2XMTZOcjs.a,{asChild:!0,size:"lg",id:p},e.createElement(H,null,a)),i?e.createElement(_chunkK5BEIZDAcjs.a,{id:c,disableUserSelect:!0},i):null),B?e.createElement(_chunkIC3LY76Gcjs.a,{href:n},l,e.createElement(_hearthreacticons.ChevronRightSmallIcon,null)):null),m===void 0||t===void 0?e.createElement(_chunkVPZS4ZLEcjs.a,{asChild:!0,className:"hearth-ListContainer"},e.createElement(o,{role:"list",ref:r,...d,...f},s)):e.createElement(_chunkPWOQMLDPcjs.a,{className:"hearth-ListContainer",paddingNone:!0,variant:m,colorScheme:t},e.createElement(o,{role:"list",ref:r,...d,...f},s)))});G.displayName=C;exports.a = G;
-//# sourceMappingURL=chunk-6REDV3MD.cjs.map

package/dist/chunk-6REDV3MD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-6REDV3MD.cjs","../src/components/List/List.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","List","props","ref","Tag","className","colorScheme","heading","HeadingEl","helperText","linkText","linkHref","children","variant","providedId","ariaLabelledby","ariaDescribedby","listProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","listAriaProps","showLink","clsx","Flex","DetailText","HelperText","Link","ChevronRightSmallIcon","Box","Card"],"mappings":"AAAA,ulBAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAlY,wEACN,wEAUqB,IAKhCA,CAAAA,CAAgB,MAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAa,CAAA,CAAA,UAAA,CAAmC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC3E,GAAM,CACJ,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAA,CACd,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,iBAAA,CAAmBC,CAAAA,CACnB,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAahB,CAAOiB,mBAAc,CAAA,CAChC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CACpC,UAAA,CAAAT,CAAAA,CACA,MAAA,CAAQ,MACV,CAAC,CAAA,CACKU,CAAAA,CAAgB,CACpB,EAAA,CAAAJ,CAAAA,CACC,iBAAA,kBAAoBL,CAAAA,SAAAA,CAA2BR,CAAAA,CAAWc,CAAAA,CAAU,KAAA,CAAA,GAAA,CACpE,kBAAA,kBAAqBL,CAAAA,SAAAA,CAA4BP,CAAAA,CAAca,CAAAA,CAAe,KAAA,CAAA,GACjF,CAAA,CACMG,CAAAA,CAAWd,CAAAA,EAAYD,CAAAA,CAE7B,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWgB,4BAAAA,CAAK3B,CAAoBM,CAAS,CAAA,CAAA,CAChD,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,mBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACsB,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,QAAA,CAAS,GAAA,CAAA,CAChC,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAW,OAAA,CAAO,CAAA,CAAA,CAAC,IAAA,CAAK,IAAA,CAAK,EAAA,CAAIP,CAAAA,CAAAA,CAChC,CAAA,CAAA,aAAA,CAACb,CAAAA,CAAA,IAAA,CAAWD,CAAQ,CACtB,CAAA,CACCE,CAAAA,CACC,CAAA,CAAA,aAAA,CAACoB,mBAAAA,CAAA,CAAW,EAAA,CAAIP,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC5Cb,CACH,CAAA,CACE,IACN,CAAA,CACCgB,CAAAA,CACC,CAAA,CAAA,aAAA,CAACK,mBAAAA,CAAA,CAAK,IAAA,CAAMnB,CAAAA,CAAAA,CACTD,CAAAA,CACD,CAAA,CAAA,aAAA,CAACqB,uCAAAA,CAAA,IAAsB,CACzB,CAAA,CACE,IACN,CAAA,CACClB,CAAAA,GAAY,KAAA,CAAA,EAAaP,CAAAA,GAAgB,KAAA,CAAA,CACxC,CAAA,CAAA,aAAA,CAAC0B,mBAAAA,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAU,sBAAA,CAAA,CACrB,CAAA,CAAA,aAAA,CAAC5B,CAAAA,CAAA,CAAI,IAAA,CAAK,MAAA,CAAO,GAAA,CAAKD,CAAAA,CAAM,GAAGc,CAAAA,CAAY,GAAGO,CAAAA,CAAAA,CAC3CZ,CACH,CACF,CAAA,CAEA,CAAA,CAAA,aAAA,CAACqB,mBAAAA,CAAA,CACC,SAAA,CAAU,sBAAA,CACV,WAAA,CAAW,CAAA,CAAA,CACX,OAAA,CAASpB,CAAAA,CACT,WAAA,CAAaP,CAAAA,CAAAA,CAEb,CAAA,CAAA,aAAA,CAACF,CAAAA,CAAA,CAAI,IAAA,CAAK,MAAA,CAAO,GAAA,CAAKD,CAAAA,CAAM,GAAGc,CAAAA,CAAY,GAAGO,CAAAA,CAAAA,CAC3CZ,CACH,CACF,CAEJ,CAEJ,CAAC,CAAA,CAEDX,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6REDV3MD.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport { type ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport type { ElementRef } from 'react';\nimport { DetailText } from '../DetailText/DetailText';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { Link } from '../Link/Link';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'List';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype ListElement = ElementRef<'ol'>;\n\nexport const List = React.forwardRef<ListElement, ListProps>((props, ref) => {\n  const {\n    as: Tag = 'ul',\n    className,\n    colorScheme = undefined,\n    heading,\n    headingElement: HeadingEl = 'div',\n    helperText,\n    linkText,\n    linkHref,\n    children,\n    variant,\n    id: providedId,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    ...listProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId, helperTextId } = useIds({\n    providedId,\n    prefix: 'list',\n  });\n  const listAriaProps = {\n    id,\n    ['aria-labelledby']: ariaLabelledby ?? (Boolean(heading) ? labelId : undefined),\n    ['aria-describedby']: ariaDescribedby ?? (Boolean(helperText) ? helperTextId : undefined),\n  };\n  const showLink = linkHref && linkText;\n\n  return (\n    <div className={clsx(componentClassName, className)}>\n      <div className=\"hearth-ListHeader\">\n        <Flex direction=\"column\" flexGrow=\"1\">\n          <DetailText asChild size=\"lg\" id={labelId}>\n            <HeadingEl>{heading}</HeadingEl>\n          </DetailText>\n          {helperText ? (\n            <HelperText id={helperTextId} disableUserSelect>\n              {helperText}\n            </HelperText>\n          ) : null}\n        </Flex>\n        {showLink ? (\n          <Link href={linkHref}>\n            {linkText}\n            <ChevronRightSmallIcon />\n          </Link>\n        ) : null}\n      </div>\n      {variant === undefined || colorScheme === undefined ? (\n        <Box asChild className=\"hearth-ListContainer\">\n          <Tag role=\"list\" ref={ref} {...listProps} {...listAriaProps}>\n            {children}\n          </Tag>\n        </Box>\n      ) : (\n        <Card\n          className=\"hearth-ListContainer\"\n          paddingNone\n          variant={variant}\n          colorScheme={colorScheme}\n        >\n          <Tag role=\"list\" ref={ref} {...listProps} {...listAriaProps}>\n            {children}\n          </Tag>\n        </Card>\n      )}\n    </div>\n  );\n});\n\nList.displayName = componentName;\n"]}

package/dist/chunk-MBWRUBBI.js

@@ -1,2 +0,0 @@
-import{a as T}from"./chunk-TKOS3BOP.js";import{a as v}from"./chunk-JPYVWTDN.js";import{a as L}from"./chunk-4H4MW2WO.js";import{a as u}from"./chunk-EUCZQAPW.js";import{a as g}from"./chunk-432A6CLH.js";import{a as y}from"./chunk-FGPP4NKK.js";import{a as b}from"./chunk-XQ5A24NX.js";import{a as N}from"./chunk-QC4ZMGCU.js";import{a as x}from"./chunk-RTGGS5XX.js";import{b as h}from"./chunk-4PEMW3UE.js";import*as e from"react";import D from"clsx";import{ChevronRightSmallIcon as S}from"@utilitywarehouse/hearth-react-icons";var C="List",F=h(C),G=e.forwardRef((E,r)=>{let{as:o="ul",className:P,colorScheme:t=void 0,heading:a,headingElement:H="div",helperText:i,linkText:l,linkHref:n,children:s,variant:m,id:R,"aria-labelledby":k,"aria-describedby":I,...d}=x(E,b),{id:w,labelId:p,helperTextId:c}=N({providedId:R,prefix:"list"}),f={id:w,"aria-labelledby":k??(a?p:void 0),"aria-describedby":I??(i?c:void 0)},B=n&&l;return e.createElement("div",{className:D(F,P)},e.createElement("div",{className:"hearth-ListHeader"},e.createElement(g,{direction:"column",flexGrow:"1"},e.createElement(u,{asChild:!0,size:"lg",id:p},e.createElement(H,null,a)),i?e.createElement(v,{id:c,disableUserSelect:!0},i):null),B?e.createElement(y,{href:n},l,e.createElement(S,null)):null),m===void 0||t===void 0?e.createElement(L,{asChild:!0,className:"hearth-ListContainer"},e.createElement(o,{role:"list",ref:r,...d,...f},s)):e.createElement(T,{className:"hearth-ListContainer",paddingNone:!0,variant:m,colorScheme:t},e.createElement(o,{role:"list",ref:r,...d,...f},s)))});G.displayName=C;export{G as a};
-//# sourceMappingURL=chunk-MBWRUBBI.js.map

package/dist/chunk-MBWRUBBI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport { type ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport type { ElementRef } from 'react';\nimport { DetailText } from '../DetailText/DetailText';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { Link } from '../Link/Link';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'List';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype ListElement = ElementRef<'ol'>;\n\nexport const List = React.forwardRef<ListElement, ListProps>((props, ref) => {\n  const {\n    as: Tag = 'ul',\n    className,\n    colorScheme = undefined,\n    heading,\n    headingElement: HeadingEl = 'div',\n    helperText,\n    linkText,\n    linkHref,\n    children,\n    variant,\n    id: providedId,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    ...listProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId, helperTextId } = useIds({\n    providedId,\n    prefix: 'list',\n  });\n  const listAriaProps = {\n    id,\n    ['aria-labelledby']: ariaLabelledby ?? (Boolean(heading) ? labelId : undefined),\n    ['aria-describedby']: ariaDescribedby ?? (Boolean(helperText) ? helperTextId : undefined),\n  };\n  const showLink = linkHref && linkText;\n\n  return (\n    <div className={clsx(componentClassName, className)}>\n      <div className=\"hearth-ListHeader\">\n        <Flex direction=\"column\" flexGrow=\"1\">\n          <DetailText asChild size=\"lg\" id={labelId}>\n            <HeadingEl>{heading}</HeadingEl>\n          </DetailText>\n          {helperText ? (\n            <HelperText id={helperTextId} disableUserSelect>\n              {helperText}\n            </HelperText>\n          ) : null}\n        </Flex>\n        {showLink ? (\n          <Link href={linkHref}>\n            {linkText}\n            <ChevronRightSmallIcon />\n          </Link>\n        ) : null}\n      </div>\n      {variant === undefined || colorScheme === undefined ? (\n        <Box asChild className=\"hearth-ListContainer\">\n          <Tag role=\"list\" ref={ref} {...listProps} {...listAriaProps}>\n            {children}\n          </Tag>\n        </Box>\n      ) : (\n        <Card\n          className=\"hearth-ListContainer\"\n          paddingNone\n          variant={variant}\n          colorScheme={colorScheme}\n        >\n          <Tag role=\"list\" ref={ref} {...listProps} {...listAriaProps}>\n            {children}\n          </Tag>\n        </Card>\n      )}\n    </div>\n  );\n});\n\nList.displayName = componentName;\n"],"mappings":"gZAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAUjB,OAAS,yBAAAC,MAA6B,uCAKtC,IAAMC,EAAgB,OAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAa,aAAmC,CAACC,EAAOC,IAAQ,CAC3E,GAAM,CACJ,GAAIC,EAAM,KACV,UAAAC,EACA,YAAAC,EAAc,OACd,QAAAC,EACA,eAAgBC,EAAY,MAC5B,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAIC,EACJ,kBAAmBC,EACnB,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAC3C,WAAAT,EACA,OAAQ,MACV,CAAC,EACKU,EAAgB,CACpB,GAAAJ,EACC,kBAAoBL,IAA2BR,EAAWc,EAAU,QACpE,mBAAqBL,IAA4BP,EAAca,EAAe,OACjF,EACMG,EAAWd,GAAYD,EAE7B,OACE,gBAAC,OAAI,UAAWgB,EAAK3B,EAAoBM,CAAS,GAChD,gBAAC,OAAI,UAAU,qBACb,gBAACsB,EAAA,CAAK,UAAU,SAAS,SAAS,KAChC,gBAACC,EAAA,CAAW,QAAO,GAAC,KAAK,KAAK,GAAIP,GAChC,gBAACb,EAAA,KAAWD,CAAQ,CACtB,EACCE,EACC,gBAACoB,EAAA,CAAW,GAAIP,EAAc,kBAAiB,IAC5Cb,CACH,EACE,IACN,EACCgB,EACC,gBAACK,EAAA,CAAK,KAAMnB,GACTD,EACD,gBAACqB,EAAA,IAAsB,CACzB,EACE,IACN,EACClB,IAAY,QAAaP,IAAgB,OACxC,gBAAC0B,EAAA,CAAI,QAAO,GAAC,UAAU,wBACrB,gBAAC5B,EAAA,CAAI,KAAK,OAAO,IAAKD,EAAM,GAAGc,EAAY,GAAGO,GAC3CZ,CACH,CACF,EAEA,gBAACqB,EAAA,CACC,UAAU,uBACV,YAAW,GACX,QAASpB,EACT,YAAaP,GAEb,gBAACF,EAAA,CAAI,KAAK,OAAO,IAAKD,EAAM,GAAGc,EAAY,GAAGO,GAC3CZ,CACH,CACF,CAEJ,CAEJ,CAAC,EAEDX,EAAK,YAAcH","names":["React","clsx","ChevronRightSmallIcon","componentName","componentClassName","withGlobalPrefix","List","props","ref","Tag","className","colorScheme","heading","HeadingEl","helperText","linkText","linkHref","children","variant","providedId","ariaLabelledby","ariaDescribedby","listProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","listAriaProps","showLink","clsx","Flex","DetailText","HelperText","Link","ChevronRightSmallIcon","Box","Card"]}