@utilitywarehouse/hearth-react 0.2.4 → 0.3.0

package/dist/chunk-GVMB2HJZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport type { DividerProps } from './Divider.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ORIENTATIONS, type Orientation } from '../../types/orientation';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'Divider';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype DividerElement = ElementRef<'hr'>;\n\nfunction isValidOrientation(orientation?: Orientation) {\n  if (orientation === undefined) return false;\n  return ORIENTATIONS.includes(orientation);\n}\n\n/**\n * Used to provide a visual break and semantically divide content. Supports\n * vertical and horizontal orientations. Vertical dividers will only be visible\n * when contained inside an element with display set to `flexbox` or `grid`.\n */\nexport const Divider = React.forwardRef<DividerElement, DividerProps>((props, ref) => {\n  const {\n    decorative,\n    orientation: providedOrientation,\n    className,\n    ...dividerProps\n  } = extractProps(props, marginPropDefs);\n  const orientation = isValidOrientation(providedOrientation) ? providedOrientation : 'horizontal';\n\n  // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical\n  const ariaOrientation = orientation === 'vertical' ? orientation : undefined;\n  const semanticProps = decorative\n    ? { 'aria-hidden': true }\n    : { 'aria-orientation': ariaOrientation };\n\n  return (\n    <hr\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      data-orientation={orientation}\n      {...semanticProps}\n      {...dividerProps}\n    />\n  );\n});\n\nDivider.displayName = componentName;\n"],"mappings":"2JAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,IAAMC,EAAgB,UAChBC,EAAqBC,EAAiBF,CAAa,EAIzD,SAASG,EAAmBC,EAA2B,CACrD,OAAIA,IAAgB,OAAkB,GAC/BC,EAAa,SAASD,CAAW,CAC1C,CAOO,IAAME,EAAgB,aAAyC,CAACC,EAAOC,IAAQ,CACpF,GAAM,CACJ,WAAAC,EACA,YAAaC,EACb,UAAAC,EACA,GAAGC,CACL,EAAIC,EAAaN,EAAOO,CAAc,EAChCV,EAAcD,EAAmBO,CAAmB,EAAIA,EAAsB,aAI9EK,EAAgBN,EAClB,CAAE,cAAe,EAAK,EACtB,CAAE,mBAHkBL,IAAgB,WAAaA,EAAc,MAGzB,EAE1C,OACE,gBAAC,MACC,IAAKI,EACL,UAAWQ,EAAKf,EAAoBU,CAAS,EAC7C,mBAAkBP,EACjB,GAAGW,EACH,GAAGH,EACN,CAEJ,CAAC,EAEDN,EAAQ,YAAcN","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","isValidOrientation","orientation","ORIENTATIONS","Divider","props","ref","decorative","providedOrientation","className","dividerProps","extractProps","marginPropDefs","semanticProps","clsx"]}