@utilitywarehouse/hearth-react 0.36.2 → 0.37.0

package/dist/chunk-GAXATLK3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-GAXATLK3.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","forwardRef","props","ref","className","image","keepMounted","container","heading","description","hideCloseButton","loading","loadingHeading","loadingDescription","children","_fullScreen","forceMount","loadingText","modalProps","extractProps","modalPropDefs","warn","portalProps","containsImage","hasDescription","jsx","DialogPrimitive"],"mappings":"AAAA,yLAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCA1e,wEAOV,8BAOL,+CAoET,IAhEZA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,CAAAA,aAAQC,+BAAAA,CAAsCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACxE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CAGA,UAAA,CAAYC,CAAAA,CACZ,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAajB,CAAOkB,mBAAa,CAAA,CACrCC,iCAAAA,CAAKL,GAAe,KAAA,CAAA,CAAW,8DAA8D,CAAA,CAE7F,IAAMM,CAAAA,CAAc,CAAE,UAAA,CAAA,kBADMhB,CAAAA,SAAeU,GAAAA,CAAAA,EACc,KAAA,CAAA,CAAW,SAAA,CAAAT,CAAU,CAAA,CACxEgB,CAAAA,CAAgB,CAAA,CAAQlB,CAAAA,CACxBmB,CAAAA,CAAiB,CAAA,CAAA,CACrBb,CAAAA,CAAAA,CAAWM,CAAAA,EAAeL,CAAAA,CAAAA,EAAmBC,CAAAA,CAAqBJ,CAAAA,CAAAA,CAGpE,OACEgB,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGJ,CAAAA,CAC1B,QAAA,CAAAG,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAW3B,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAA0B,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-GAXATLK3.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { warn } from '../../helpers/logger';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { modalPropDefs, type ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { ModalContent } from './ModalContent';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\nimport { Spinner } from '../Spinner/Spinner';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ComponentRef<'div'>;\n\n/**\n * Use Modal to overlay content that requests a decision from the user or\n * informs them of important information, without navigating to a new page.\n * Modal must be wrapped in a ModalRoot, and is typically composed with\n * ModalTrigger, ModalContent, ModalFooter, and ModalClose. Pass `heading` and\n * `description` for standard content, or custom children alongside\n * ModalFooter for more control over layout.\n *\n * @summary An overlay that requests a decision or displays important information.\n */\nexport const Modal = forwardRef<ModalElement, ModalProps>((props, ref) => {\n  const {\n    className,\n    image,\n    keepMounted,\n    container,\n    heading,\n    description,\n    hideCloseButton,\n    loading,\n    loadingHeading,\n    loadingDescription,\n    children,\n    // Deprecated and ignored; destructured so it isn't forwarded to the DOM.\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    fullScreen: _fullScreen,\n    forceMount,\n    loadingText,\n    ...modalProps\n  } = extractProps(props, modalPropDefs);\n  warn(forceMount !== undefined, 'Modal `forceMount` is deprecated. Use `keepMounted` instead.');\n  const resolvedKeepMounted = keepMounted ?? forceMount;\n  const portalProps = { forceMount: resolvedKeepMounted || undefined, container };\n  const containsImage = Boolean(image);\n  const hasDescription = Boolean(\n    loading ? (loadingText || loadingHeading) && loadingDescription : description\n  );\n\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n        <div className={`${componentClassName}Scroll`}>\n          <div className={`${componentClassName}ScrollPadding`}>\n            <DialogPrimitive.Content\n              ref={ref}\n              className={cn(componentClassName, className)}\n              data-contains-image={containsImage ? '' : undefined}\n              data-hide-close-button={hideCloseButton ? '' : undefined}\n              data-testid={componentClassName}\n              {...(hasDescription ? {} : { 'aria-describedby': undefined })}\n              {...modalProps}\n            >\n              <ModalClose>\n                <UnstyledIconButton\n                  type=\"button\"\n                  label=\"Close\"\n                  data-visually-hidden={hideCloseButton ? '' : undefined}\n                  className={`${componentClassName}CloseIconButton`}\n                >\n                  <CloseMediumIcon />\n                </UnstyledIconButton>\n              </ModalClose>\n              <div className={`${componentClassName}OuterContainer`}>\n                {!loading ? (\n                  <div className={`${componentClassName}InnerContainer`}>\n                    {containsImage ? (\n                      <ModalContent>\n                        <div className={`${componentClassName}Image`}>{image}</div>\n                      </ModalContent>\n                    ) : null}\n                    <div className={`${componentClassName}Header`}>\n                      <Box asChild>\n                        <DialogPrimitive.Title asChild>\n                          <Heading size=\"lg\" textWrap=\"wrap\">\n                            {heading}\n                          </Heading>\n                        </DialogPrimitive.Title>\n                      </Box>\n                      {description ? (\n                        <DialogPrimitive.Description asChild>\n                          <BodyText size=\"md\" as=\"span\">\n                            {description}\n                          </BodyText>\n                        </DialogPrimitive.Description>\n                      ) : null}\n                    </div>\n                  </div>\n                ) : null}\n\n                {loading ? (\n                  <Flex\n                    direction=\"column\"\n                    gap=\"300\"\n                    alignItems=\"center\"\n                    paddingY=\"200\"\n                    width=\"100%\"\n                  >\n                    <Spinner size=\"lg\" />\n                    <div className={`${componentClassName}LoadingHeader`}>\n                      <Box asChild>\n                        <DialogPrimitive.Title asChild>\n                          <Heading size=\"lg\" textAlign=\"center\" textWrap=\"wrap\">\n                            {loadingHeading || loadingText || 'Loading'}\n                          </Heading>\n                        </DialogPrimitive.Title>\n                      </Box>\n                      {(loadingText || loadingHeading) && loadingDescription ? (\n                        <DialogPrimitive.Description asChild>\n                          <BodyText size=\"md\" as=\"span\" textAlign=\"center\">\n                            {loadingDescription}\n                          </BodyText>\n                        </DialogPrimitive.Description>\n                      ) : null}\n                    </div>\n                  </Flex>\n                ) : (\n                  children\n                )}\n              </div>\n            </DialogPrimitive.Content>\n          </div>\n        </div>\n      </DialogPrimitive.Overlay>\n    </DialogPrimitive.Portal>\n  );\n});\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-L5NLFVE2.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkJN4C5D5Pcjs = require('./chunk-JN4C5D5P.cjs');var _chunkTZC7VV6Qcjs = require('./chunk-TZC7VV6Q.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var s="Badge",p=_chunk4Q432K4Wcjs.b.call(void 0, s),P= exports.a =_react.forwardRef.call(void 0, (f,n)=>{let{className:d,colorScheme:i="info",flatBase:c,...l}=_chunkZPJNQBTNcjs.a.call(void 0, f,_chunkJN4C5D5Pcjs.a,_chunkOB7O3UFLcjs.a,_chunkTZC7VV6Qcjs.a);return _jsxruntime.jsx.call(void 0, "span",{ref:n,className:_chunkONNSZMWFcjs.a.call(void 0, p,d),"data-colorscheme":i,"data-testid":p,"data-bottom-radius-zero":c?"":void 0,...l})});P.displayName=s;exports.a = P;
-//# sourceMappingURL=chunk-L5NLFVE2.cjs.map

package/dist/chunk-L5NLFVE2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-L5NLFVE2.cjs","../src/components/Badge/Badge.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Badge","forwardRef","props","ref","className","colorScheme","flatBase","badgeProps","extractProps","badgePropDefs","marginPropDefs","textTransformPropDefs","jsx","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCFrN,+CAiCvB,IAtBEA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAa7CC,CAAAA,aAAQC,+BAAAA,CAAsCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACxE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAAA,CAAeC,mBAAAA,CAAgBC,mBAAqB,CAAA,CAC5E,OACEC,6BAAAA,MAAC,CAAA,CACC,GAAA,CAAKT,CAAAA,CACL,SAAA,CAAWU,iCAAAA,CAAGf,CAAoBM,CAAS,CAAA,CAC3C,kBAAA,CAAkBC,CAAAA,CAClB,aAAA,CAAaP,CAAAA,CACb,yBAAA,CAAyBQ,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CACxC,GAAGC,CAAAA,CACN,CAEJ,CAAC,CAAA,CAEDP,CAAAA,CAAM,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-L5NLFVE2.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ComponentRef } from 'react';\n\nimport { badgePropDefs } from './Badge.props';\nimport type { BadgeProps } from './Badge.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Badge';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype BadgeElement = ComponentRef<'span'>;\n\n/**\n * Use Badge to convey status or highlight content with a small, read-only\n * visual label. Badges are not interactive; for a similar but interactive\n * element, use Chip instead. Use `colorScheme` to convey semantic meaning and\n * `variant` to control the visual style; note some `colorScheme`/`variant`\n * combinations (e.g. `highlight` with `emphasis`) are not supported.\n *\n * @summary A read-only visual label used to convey status or highlight content.\n */\nexport const Badge = forwardRef<BadgeElement, BadgeProps>((props, ref) => {\n  const {\n    className,\n    colorScheme = 'info',\n    flatBase,\n    ...badgeProps\n  } = extractProps(props, badgePropDefs, marginPropDefs, textTransformPropDefs);\n  return (\n    <span\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-colorscheme={colorScheme}\n      data-testid={componentClassName}\n      data-bottom-radius-zero={flatBase ? '' : undefined}\n      {...badgeProps}\n    />\n  );\n});\n\nBadge.displayName = COMPONENT_NAME;\n"]}