@lumx/react 3.20.1-alpha.10 → 3.20.1-alpha.11

package/_internal/1921f348.js

@@ -0,0 +1,72 @@
+import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames } from './d3321a86.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { g as getTypographyClassName } from './d0dd1815.js';
+import { r as resolveColorWithVariants } from './7b221b05.js';
+import { w as wrapChildrenIconWithSpaces } from './7c4f4643.js';
+import { R as RawClickable } from './432c85a7.js';
+import { u as useDisableStateProps } from './60923026.js';
+import { I as Icon } from './4e1dde79.js';
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Link';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Link component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Link = forwardRef((props, ref) => {
+  const {
+    disabledStateProps,
+    otherProps
+  } = useDisableStateProps(props);
+  const {
+    children,
+    className,
+    color: propColor,
+    colorVariant: propColorVariant,
+    leftIcon,
+    rightIcon,
+    typography,
+    linkAs,
+    ...forwardedProps
+  } = otherProps;
+  const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
+  return /*#__PURE__*/React.createElement(RawClickable, _extends({
+    ref: ref,
+    as: linkAs || (forwardedProps.href ? 'a' : 'button')
+  }, forwardedProps, disabledStateProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      color,
+      colorVariant,
+      hasTypography: !!typography
+    }), typography && getTypographyClassName(typography))
+  }), wrapChildrenIconWithSpaces(/*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && /*#__PURE__*/React.createElement(Icon, {
+    icon: leftIcon,
+    className: `${CLASSNAME}__left-icon`
+  }), children && /*#__PURE__*/React.createElement("span", {
+    className: `${CLASSNAME}__content`
+  }, children), rightIcon && /*#__PURE__*/React.createElement(Icon, {
+    icon: rightIcon,
+    className: `${CLASSNAME}__right-icon`
+  }))));
+});
+Link.displayName = COMPONENT_NAME;
+Link.className = CLASSNAME;
+
+export { Link };
+//# sourceMappingURL=1921f348.js.map

package/_internal/1921f348.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"1921f348.js","sources":["../../src/components/link/Link.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ColorVariant, ColorWithVariants, Icon, Typography } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport {\n    getRootClassName,\n    getTypographyClassName,\n    handleBasicClasses,\n    resolveColorWithVariants,\n} from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { wrapChildrenIconWithSpaces } from '@lumx/react/utils/react/wrapChildrenIconWithSpaces';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\n\ntype HTMLAnchorProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n\n/**\n * Defines the props of the component.\n */\nexport interface LinkProps extends GenericProps, HasAriaDisabled {\n    /** Color variant. */\n    color?: ColorWithVariants;\n    /** Lightened or darkened variant of the selected icon color. */\n    colorVariant?: ColorVariant;\n    /** Link href. */\n    href?: HTMLAnchorProps['href'];\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /**\n     * Left icon (SVG path).\n     * @deprecated Instead, simply nest `<Icon />` in the children\n     */\n    leftIcon?: string;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /**\n     * Right icon (SVG path).\n     * @deprecated Instead, simply nest `<Icon />` in the children\n     */\n    rightIcon?: string;\n    /** Link target. */\n    target?: HTMLAnchorProps['target'];\n    /** Typography variant. */\n    typography?: Typography;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Link';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Link component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Link = forwardRef<LinkProps, HTMLAnchorElement | HTMLButtonElement>((props, ref) => {\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        children,\n        className,\n        color: propColor,\n        colorVariant: propColorVariant,\n        leftIcon,\n        rightIcon,\n        typography,\n        linkAs,\n        ...forwardedProps\n    } = otherProps;\n    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);\n\n    return (\n        <RawClickable\n            ref={ref as any}\n            as={linkAs || (forwardedProps.href ? 'a' : 'button')}\n            {...forwardedProps}\n            {...disabledStateProps}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, color, colorVariant, hasTypography: !!typography }),\n                typography && getTypographyClassName(typography),\n            )}\n        >\n            {wrapChildrenIconWithSpaces(\n                <>\n                    {leftIcon && <Icon icon={leftIcon} className={`${CLASSNAME}__left-icon`} />}\n                    {children && <span className={`${CLASSNAME}__content`}>{children}</span>}\n                    {rightIcon && <Icon icon={rightIcon} className={`${CLASSNAME}__right-icon`} />}\n                </>,\n            )}\n        </RawClickable>\n    );\n});\nLink.displayName = COMPONENT_NAME;\nLink.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","Link","forwardRef","props","ref","disabledStateProps","otherProps","useDisableStateProps","children","className","color","propColor","colorVariant","propColorVariant","leftIcon","rightIcon","typography","linkAs","forwardedProps","resolveColorWithVariants","React","createElement","RawClickable","_extends","as","href","classNames","handleBasicClasses","prefix","hasTypography","getTypographyClassName","wrapChildrenIconWithSpaces","Fragment","Icon","icon","displayName"],"mappings":";;;;;;;;;AAkBA;AACA;AACA;;AA8BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,MAAM,CAAA;;AAE7B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,IAAI,GAAGC,UAAU,CAAmD,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7F,MAAM;IAAEC,kBAAkB;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,oBAAoB,CAACJ,KAAK,CAAC,CAAA;EACtE,MAAM;IACFK,QAAQ;IACRC,SAAS;AACTC,IAAAA,KAAK,EAAEC,SAAS;AAChBC,IAAAA,YAAY,EAAEC,gBAAgB;IAC9BC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,MAAM;IACN,GAAGC,cAAAA;AACP,GAAC,GAAGZ,UAAU,CAAA;EACd,MAAM,CAACI,KAAK,EAAEE,YAAY,CAAC,GAAGO,wBAAwB,CAACR,SAAS,EAAEE,gBAAgB,CAAC,CAAA;AAEnF,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,YAAY,EAAAC,QAAA,CAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAW;IAChBoB,EAAE,EAAEP,MAAM,KAAKC,cAAc,CAACO,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAA;GAC/CP,EAAAA,cAAc,EACdb,kBAAkB,EAAA;AACtBI,IAAAA,SAAS,EAAEiB,UAAU,CACjBjB,SAAS,EACTkB,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAE7B,SAAS;MAAEW,KAAK;MAAEE,YAAY;MAAEiB,aAAa,EAAE,CAAC,CAACb,UAAAA;AAAW,KAAC,CAAC,EAC3FA,UAAU,IAAIc,sBAAsB,CAACd,UAAU,CACnD,CAAA;AAAE,GAAA,CAAA,EAEDe,0BAA0B,cACvBX,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAY,QAAA,EAAA,IAAA,EACKlB,QAAQ,iBAAIM,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEpB,QAAS;IAACL,SAAS,EAAE,GAAGV,SAAS,CAAA,WAAA,CAAA;AAAc,GAAE,CAAC,EAC1ES,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMZ,SAAS,EAAE,GAAGV,SAAS,CAAA,SAAA,CAAA;GAAcS,EAAAA,QAAe,CAAC,EACvEO,SAAS,iBAAIK,KAAA,CAAAC,aAAA,CAACY,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAEnB,SAAU;IAACN,SAAS,EAAE,GAAGV,SAAS,CAAA,YAAA,CAAA;GAAiB,CAC/E,CACN,CACU,CAAC,CAAA;AAEvB,CAAC,EAAC;AACFE,IAAI,CAACkC,WAAW,GAAGrC,cAAc,CAAA;AACjCG,IAAI,CAACQ,SAAS,GAAGV,SAAS;;;;"}