@utilitywarehouse/hearth-react 0.10.0 → 0.10.2

package/dist/chunk-ZI5WWSVE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZI5WWSVE.cjs","../src/components/FormGroupBase/FormGroupBase.tsx"],"names":["COMPONENT_NAME","displayName","componentClassName","withGlobalPrefix","FormGroupBase","props","ref","children","className","providedId","label","helperText","validationText","validationStatus","disabled","ariaLabelledby","ariaDescribedby","ariaErrorMessage","fieldsetProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","hasLabel","hasHelperText","showValidationText","showInvalid","ariaDescribedbyValue","mergeIds","value","clsx","Flex","HelperText","ValidationText","FormGroupBaseProvider"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZI5WWSVE.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Flex } from '../Flex/Flex';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport clsx from 'clsx';\nimport type { FormGroupBaseProps } from './FormGroupBase.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormGroupBaseProvider } from './FormGroupBase.context';\n\nconst COMPONENT_NAME = 'FormGroupBase';\nconst { displayName, componentClassName } = withGlobalPrefix(COMPONENT_NAME);\n\ntype FormGroupBaseElement = ElementRef<'fieldset'>;\n\nexport const FormGroupBase = React.forwardRef<FormGroupBaseElement, FormGroupBaseProps>(\n  (props, ref) => {\n    const {\n      children,\n      className,\n      id: providedId,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      disabled,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-errormessage': ariaErrorMessage,\n      ...fieldsetProps\n    } = extractProps(props, marginPropDefs);\n    const { id, labelId, helperTextId, validationTextId } = useIds({\n      providedId,\n      prefix: 'fieldset',\n    });\n    const hasLabel = Boolean(label);\n    const hasHelperText = Boolean(helperText);\n    const showValidationText = Boolean(validationStatus && validationText);\n    const showInvalid = showValidationText && validationStatus === 'invalid';\n    const ariaDescribedbyValue = mergeIds(\n      ariaDescribedby || !!helperText ? helperTextId : undefined,\n      ariaErrorMessage || showValidationText ? validationTextId : undefined\n    );\n    const value = {\n      hasGroupHelperText: hasHelperText,\n      hasGroupValidationText: Boolean(\n        validationStatus !== undefined && validationText !== undefined\n      ),\n      'aria-describedby': ariaDescribedbyValue,\n    };\n\n    return (\n      <fieldset\n        className={clsx(componentClassName, className)}\n        ref={ref}\n        {...fieldsetProps}\n        disabled={disabled}\n        id={id}\n        data-disabled={disabled ? '' : undefined}\n        aria-errormessage={ariaErrorMessage || showInvalid ? validationTextId : undefined}\n        aria-labelledby={ariaLabelledby ?? (Boolean(label) ? labelId : undefined)}\n        aria-invalid={showInvalid}\n        aria-describedby={ariaDescribedbyValue}\n      >\n        {hasLabel ? (\n          <>\n            <legend id={labelId} className=\"hearth-Legend\">\n              {label}\n            </legend>\n            {hasHelperText || showValidationText ? (\n              <Flex direction=\"column\" alignItems=\"start\" className=\"hearth-HelperTextContainer\">\n                {helperText ? (\n                  <HelperText id={helperTextId} disabled={disabled}>\n                    {helperText}\n                  </HelperText>\n                ) : null}\n                {showValidationText ? (\n                  <ValidationText id={validationTextId} status={validationStatus}>\n                    {validationText}\n                  </ValidationText>\n                ) : null}\n              </Flex>\n            ) : null}\n          </>\n        ) : null}\n        <FormGroupBaseProvider value={value}>{children}</FormGroupBaseProvider>\n      </fieldset>\n    );\n  }\n);\n\nFormGroupBase.displayName = displayName;\n"]}

package/dist/chunk-ZPGCXWQX.js

@@ -1,2 +0,0 @@
-import{a}from"./chunk-ZJGOTQ4M.js";import{a as l}from"./chunk-NNSV3YJL.js";import{a as i}from"./chunk-RBXZRE4M.js";import{a as s}from"./chunk-QSHYUFRT.js";import{c as r}from"./chunk-KB77FG5A.js";import*as t from"react";import b from"clsx";var N="UnstyledIconButton",{displayName:P,componentClassName:U}=r(N),E=t.forwardRef((o,m)=>{let{className:c,children:d,label:p,disabled:e,inverted:u,loading:n,onClick:f,...y}=s(o,a),{size:B}=o,I=i(B||"md");return t.createElement("button",{ref:m,className:b(U,c),"aria-label":p,"aria-disabled":e||n,"data-inverted":u?"":void 0,onClick:e?void 0:f,...y},n?t.createElement(l,{size:I,currentColor:!0}):d)});E.displayName=P;export{E as a};
-//# sourceMappingURL=chunk-ZPGCXWQX.js.map

package/dist/chunk-ZPGCXWQX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { translateResponsiveButtonSize } from '../../helpers/translate-responsive-button-size';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst { displayName, componentClassName } = withGlobalPrefix(COMPONENT_NAME);\n\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n  UnstyledIconButtonElement,\n  UnstyledIconButtonProps\n>((props, forwardedRef) => {\n  const {\n    className,\n    children,\n    label,\n    disabled,\n    inverted,\n    loading,\n    onClick,\n    ...unstyledIconButtonProps\n  } = extractProps(props, unstyledIconButtonPropDefs);\n  const { size } = props;\n  const spinnerSize = translateResponsiveButtonSize(size || 'md');\n  return (\n    <button\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\n      {...unstyledIconButtonProps}\n    >\n      {loading ? <Spinner size={spinnerSize} currentColor /> : children}\n    </button>\n  );\n});\n\nUnstyledIconButton.displayName = displayName;\n"],"mappings":"mMAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,IAAMC,EAAiB,qBACjB,CAAE,YAAAC,EAAa,mBAAAC,CAAmB,EAAIC,EAAiBH,CAAc,EAI9DI,EAA2B,aAGtC,CAACC,EAAOC,IAAiB,CACzB,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,CAA0B,EAC5C,CAAE,KAAAC,CAAK,EAAIZ,EACXa,EAAcC,EAA8BF,GAAQ,IAAI,EAC9D,OACE,gBAAC,UACC,IAAKX,EACL,UAAWc,EAAKlB,EAAoBK,CAAS,EAC7C,aAAYE,EACZ,gBAAeC,GAAYE,EAC3B,gBAAeD,EAAW,GAAK,OAC/B,QAASD,EAAW,OAAYG,EAC/B,GAAGC,GAEHF,EAAU,gBAACS,EAAA,CAAQ,KAAMH,EAAa,aAAY,GAAC,EAAKV,CAC3D,CAEJ,CAAC,EAEDJ,EAAmB,YAAcH","names":["React","clsx","COMPONENT_NAME","displayName","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","size","spinnerSize","translateResponsiveButtonSize","clsx","Spinner"]}

package/dist/helpers/translate-responsive-button-size.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk4TDWQANLcjs = require('../chunk-4TDWQANL.cjs');require('../chunk-DPWOHAYD.cjs');require('../chunk-AURLQ3VG.cjs');exports.translateResponsiveButtonSize = _chunk4TDWQANLcjs.a;
-//# sourceMappingURL=translate-responsive-button-size.cjs.map

package/dist/helpers/translate-responsive-button-size.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/helpers/translate-responsive-button-size.cjs"],"names":[],"mappings":"AAAA,kIAAoC,iCAA8B,iCAA8B,4DAA2C","file":"/home/runner/work/hearth/hearth/packages/react/dist/helpers/translate-responsive-button-size.cjs"}

package/dist/helpers/translate-responsive-button-size.d.cts

@@ -1,13 +0,0 @@
-import { IconButtonProps } from '../components/IconButton/IconButton.props.cjs';
-import { SpinnerProps } from '../components/Spinner/Spinner.props.cjs';
-import '../types/responsive.cjs';
-import '../components/ButtonBase/ButtonBase.props.cjs';
-import '../props/margin.props.cjs';
-import '../types/component-props.cjs';
-import 'react';
-import '../props/color.props.cjs';
-import './transform-color-value.cjs';
-
-declare function translateResponsiveButtonSize(buttonSize: IconButtonProps['size']): SpinnerProps['size'];
-
-export { translateResponsiveButtonSize };

package/dist/helpers/translate-responsive-button-size.d.ts

@@ -1,13 +0,0 @@
-import { IconButtonProps } from '../components/IconButton/IconButton.props.js';
-import { SpinnerProps } from '../components/Spinner/Spinner.props.js';
-import '../types/responsive.js';
-import '../components/ButtonBase/ButtonBase.props.js';
-import '../props/margin.props.js';
-import '../types/component-props.js';
-import 'react';
-import '../props/color.props.js';
-import './transform-color-value.js';
-
-declare function translateResponsiveButtonSize(buttonSize: IconButtonProps['size']): SpinnerProps['size'];
-
-export { translateResponsiveButtonSize };

package/dist/helpers/translate-responsive-button-size.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-RBXZRE4M.js";import"../chunk-FSK5FGWM.js";import"../chunk-AJUKXCDS.js";export{a as translateResponsiveButtonSize};
-//# sourceMappingURL=translate-responsive-button-size.js.map