@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/648a40d4.js

@@ -0,0 +1,140 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, c as classnames, a as _extends, E as Emphasis, T as Theme, C as ColorPalette } from './35c3a78f.js';
+import React, { forwardRef, Children, useRef, useState, useEffect } from 'react';
+import { i as mdiChevronUp, j as mdiChevronDown } from './52976f60.js';
+import isEmpty from 'lodash/isEmpty';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import get from 'lodash/get';
+import { i as isComponent } from './48725bae.js';
+import { I as IconButton } from './62a51bc3.js';
+import isFunction from 'lodash/isFunction';
+import { p as partitionMulti } from './834ad334.js';
+import { D as DragHandle } from './5eac291f.js';
+
+const _excluded = ["className", "children", "hasBackground", "hasHeaderDivider", "isOpen", "label", "onClose", "onOpen", "onToggleOpen", "theme", "toggleButtonProps"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ExpansionPanel';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  theme: Theme.light
+};
+const isDragHandle = isComponent(DragHandle);
+const isHeader = isComponent('header');
+const isFooter = isComponent('footer');
+
+/**
+ * ExpansionPanel component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ExpansionPanel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      children: anyChildren,
+      hasBackground,
+      hasHeaderDivider,
+      isOpen,
+      label,
+      onClose,
+      onOpen,
+      onToggleOpen,
+      theme,
+      toggleButtonProps
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const children = Children.toArray(anyChildren);
+
+  // Partition children by types.
+  const [[dragHandle], [header], [footer], content] = partitionMulti(children, [isDragHandle, isHeader, isFooter]);
+
+  // Either take the header in children or create one with the label.
+  const headerProps = /*#__PURE__*/React.isValidElement(header) ? header.props : {};
+  const headerContent = !isEmpty(headerProps.children) ? headerProps.children : /*#__PURE__*/React.createElement("span", {
+    className: `${CLASSNAME}__label`
+  }, label);
+  const toggleOpen = event => {
+    const shouldOpen = !isOpen;
+    if (isFunction(onOpen) && shouldOpen) {
+      onOpen(event);
+    }
+    if (isFunction(onClose) && !shouldOpen) {
+      onClose(event);
+    }
+    if (isFunction(onToggleOpen)) {
+      onToggleOpen(shouldOpen, event);
+    }
+  };
+  const color = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
+  const rootClassName = classnames(className, handleBasicClasses({
+    hasBackground,
+    hasHeader: Boolean(!isEmpty(headerProps.children)),
+    hasHeaderDivider,
+    isClose: !isOpen,
+    isDraggable: Boolean(dragHandle),
+    isOpen,
+    prefix: CLASSNAME,
+    theme
+  }));
+  const wrapperRef = useRef(null);
+  const isContentVisible = () => get(wrapperRef.current, 'clientHeight', 0) > 0;
+
+  // Switch max height on/off to activate the CSS transition (updates when children changes).
+  const [maxHeight, setMaxHeight] = useState('0');
+  useEffect(() => {
+    const height = isOpen ? get(wrapperRef.current, 'offsetHeight', 0) : 0;
+    setMaxHeight(`${height}px`);
+  }, [children, isOpen]);
+  return /*#__PURE__*/React.createElement("section", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: rootClassName
+  }), /*#__PURE__*/React.createElement("header", {
+    className: `${CLASSNAME}__header`,
+    onClick: toggleOpen
+  }, dragHandle && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__header-drag`
+  }, dragHandle), /*#__PURE__*/React.createElement("div", _extends({}, headerProps, {
+    className: `${CLASSNAME}__header-content`
+  }), headerContent), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__header-toggle`
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({}, toggleButtonProps, {
+    color: color,
+    emphasis: Emphasis.low,
+    icon: isOpen ? mdiChevronUp : mdiChevronDown,
+    "aria-expanded": isOpen || 'false'
+  })))), (isOpen || isContentVisible()) && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__wrapper`,
+    style: {
+      maxHeight
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__container`,
+    ref: wrapperRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__content`
+  }, content), footer && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__footer`
+  }, footer))));
+});
+ExpansionPanel.displayName = COMPONENT_NAME;
+ExpansionPanel.className = CLASSNAME;
+ExpansionPanel.defaultProps = DEFAULT_PROPS;
+
+export { ExpansionPanel as E };
+//# sourceMappingURL=648a40d4.js.map

package/_internal/648a40d4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"648a40d4.js","sources":["../../src/components/expansion-panel/ExpansionPanel.tsx"],"sourcesContent":["import React, { Children, forwardRef, PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\n\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport isFunction from 'lodash/isFunction';\n\nimport { ColorPalette, DragHandle, Emphasis, IconButton, IconButtonProps, Theme } from '@lumx/react';\nimport { Comp, GenericProps, HasTheme, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\n\n/**\n * Defines the props of the component.\n */\nexport interface ExpansionPanelProps extends GenericProps, HasTheme {\n    /** Whether the expansion panel has a background. */\n    hasBackground?: boolean;\n    /** Whether the header has a divider. */\n    hasHeaderDivider?: boolean;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Label text (overwritten if a `<header>` is provided in the children). */\n    label?: string;\n    /** On open callback. */\n    onOpen?: (event: React.MouseEvent) => void;\n    /** On close callback. */\n    onClose?: (event: React.MouseEvent) => void;\n    /** Props to pass to the toggle button (minus those already set by the ExpansionPanel props). */\n    toggleButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n    /** On toggle open or close callback. */\n    onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ExpansionPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ExpansionPanelProps> = {\n    theme: Theme.light,\n};\n\nconst isDragHandle = isComponent(DragHandle);\nconst isHeader = isComponent('header');\nconst isFooter = isComponent('footer');\n\n/**\n * ExpansionPanel component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ExpansionPanel: Comp<ExpansionPanelProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        className,\n        children: anyChildren,\n        hasBackground,\n        hasHeaderDivider,\n        isOpen,\n        label,\n        onClose,\n        onOpen,\n        onToggleOpen,\n        theme,\n        toggleButtonProps,\n        ...forwardedProps\n    } = props;\n\n    const children: ReactNode[] = Children.toArray(anyChildren);\n\n    // Partition children by types.\n    const [[dragHandle], [header], [footer], content] = partitionMulti(children, [isDragHandle, isHeader, isFooter]);\n\n    // Either take the header in children or create one with the label.\n    const headerProps: PropsWithChildren<any> = React.isValidElement(header) ? header.props : {};\n    const headerContent = !isEmpty(headerProps.children) ? (\n        headerProps.children\n    ) : (\n        <span className={`${CLASSNAME}__label`}>{label}</span>\n    );\n\n    const toggleOpen = (event: React.MouseEvent) => {\n        const shouldOpen = !isOpen;\n        if (isFunction(onOpen) && shouldOpen) {\n            onOpen(event);\n        }\n        if (isFunction(onClose) && !shouldOpen) {\n            onClose(event);\n        }\n        if (isFunction(onToggleOpen)) {\n            onToggleOpen(shouldOpen, event);\n        }\n    };\n\n    const color = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;\n\n    const rootClassName = classNames(\n        className,\n        handleBasicClasses({\n            hasBackground,\n            hasHeader: Boolean(!isEmpty(headerProps.children)),\n            hasHeaderDivider,\n            isClose: !isOpen,\n            isDraggable: Boolean(dragHandle),\n            isOpen,\n            prefix: CLASSNAME,\n            theme,\n        }),\n    );\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isContentVisible = (): boolean => get(wrapperRef.current, 'clientHeight', 0) > 0;\n\n    // Switch max height on/off to activate the CSS transition (updates when children changes).\n    const [maxHeight, setMaxHeight] = useState('0');\n    useEffect(() => {\n        const height = isOpen ? get(wrapperRef.current, 'offsetHeight', 0) : 0;\n        setMaxHeight(`${height}px`);\n    }, [children, isOpen]);\n\n    return (\n        <section ref={ref} {...forwardedProps} className={rootClassName}>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}\n            <header className={`${CLASSNAME}__header`} onClick={toggleOpen}>\n                {dragHandle && <div className={`${CLASSNAME}__header-drag`}>{dragHandle}</div>}\n\n                <div {...headerProps} className={`${CLASSNAME}__header-content`}>\n                    {headerContent}\n                </div>\n\n                <div className={`${CLASSNAME}__header-toggle`}>\n                    <IconButton\n                        {...toggleButtonProps}\n                        color={color}\n                        emphasis={Emphasis.low}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                        aria-expanded={isOpen || 'false'}\n                    />\n                </div>\n            </header>\n\n            {(isOpen || isContentVisible()) && (\n                <div className={`${CLASSNAME}__wrapper`} style={{ maxHeight }}>\n                    <div className={`${CLASSNAME}__container`} ref={wrapperRef}>\n                        <div className={`${CLASSNAME}__content`}>{content}</div>\n\n                        {footer && <div className={`${CLASSNAME}__footer`}>{footer}</div>}\n                    </div>\n                </div>\n            )}\n        </section>\n    );\n});\nExpansionPanel.displayName = COMPONENT_NAME;\nExpansionPanel.className = CLASSNAME;\nExpansionPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","isDragHandle","isComponent","DragHandle","isHeader","isFooter","ExpansionPanel","forwardRef","props","ref","className","children","anyChildren","hasBackground","hasHeaderDivider","isOpen","label","onClose","onOpen","onToggleOpen","toggleButtonProps","forwardedProps","_objectWithoutProperties","_excluded","Children","toArray","dragHandle","header","footer","content","partitionMulti","headerProps","React","isValidElement","headerContent","isEmpty","createElement","toggleOpen","event","shouldOpen","isFunction","color","dark","ColorPalette","rootClassName","classNames","handleBasicClasses","hasHeader","Boolean","isClose","isDraggable","prefix","wrapperRef","useRef","isContentVisible","get","current","maxHeight","setMaxHeight","useState","useEffect","height","_extends","onClick","IconButton","emphasis","Emphasis","low","icon","mdiChevronUp","mdiChevronDown","style","displayName","defaultProps"],"mappings":"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"}

package/_internal/6726fa56.js

@@ -0,0 +1,113 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames, O as Orientation } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+
+const _excluded = ["children", "className", "gutter", "hAlign", "orientation", "vAlign", "wrap"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Grid';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  orientation: Orientation.horizontal,
+  wrap: 'nowrap'
+};
+
+/**
+ * Grid component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Grid = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      gutter,
+      hAlign,
+      orientation,
+      vAlign,
+      wrap
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, `${CLASSNAME}-container`, {
+      [`${CLASSNAME}--h-align-${hAlign}`]: hAlign
+    }, {
+      [`${CLASSNAME}--v-align-${vAlign}`]: vAlign
+    }, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation,
+      wrap,
+      gutter
+    }))
+  }), children);
+});
+Grid.displayName = COMPONENT_NAME;
+Grid.className = CLASSNAME;
+Grid.defaultProps = DEFAULT_PROPS;
+
+const _excluded$1 = ["children", "className", "width", "align", "order"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$1 = 'GridItem';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
+
+/**
+ * GridItem component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      width,
+      align,
+      order
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$1,
+      width,
+      order,
+      align
+    }))
+  }), children);
+});
+GridItem.displayName = COMPONENT_NAME$1;
+GridItem.className = CLASSNAME$1;
+
+export { Grid as G, GridItem as a };
+//# sourceMappingURL=6726fa56.js.map

package/_internal/6726fa56.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6726fa56.js","sources":["../../src/components/grid/Grid.tsx","../../src/components/grid/GridItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, Orientation, Size } from '@lumx/react';\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\ntype GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridProps extends GenericProps {\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Whether the children are wrapped or not. */\n    wrap?: string;\n    /** Vertical alignment. */\n    vAlign?: Alignment;\n    /** Horizontal alignment. */\n    hAlign?: Alignment;\n    /** Gutter size. */\n    gutter?: GridGutterSize;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Grid';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<GridProps> = {\n    orientation: Orientation.horizontal,\n    wrap: 'nowrap',\n};\n\n/**\n * Grid component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Grid: Comp<GridProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { children, className, gutter, hAlign, orientation, vAlign, wrap, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                `${CLASSNAME}-container`,\n                { [`${CLASSNAME}--h-align-${hAlign}`]: hAlign },\n                { [`${CLASSNAME}--v-align-${vAlign}`]: vAlign },\n                handleBasicClasses({ prefix: CLASSNAME, orientation, wrap, gutter }),\n            )}\n        >\n            {children}\n        </div>\n    );\n});\nGrid.displayName = COMPONENT_NAME;\nGrid.className = CLASSNAME;\nGrid.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment } from '@lumx/react';\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\ntype Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\n/**\n * Defines the props of the component.\n */\nexport interface GridItemProps extends GenericProps {\n    /** Alignment. */\n    align?: Alignment;\n    /** Order. */\n    order?: Columns;\n    /** Width. */\n    width?: Columns;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * GridItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const GridItem: Comp<GridItemProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { children, className, width, align, order, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, width, order, align }))}\n        >\n            {children}\n        </div>\n    );\n});\nGridItem.displayName = COMPONENT_NAME;\nGridItem.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","wrap","Grid","forwardRef","props","ref","children","className","gutter","hAlign","vAlign","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","GridItem","width","align","order"],"mappings":";;;;;;AAUA;AACA;AACA;;AAcA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,MAAM;;AAE7B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA,MAAMG,aAAiC,GAAG;EACtCC,WAAW,EAAEC,WAAW,CAACC,UAAU;EACnCC,IAAI,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,IAAqC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,MAAM;MAAEC,MAAM;MAAEX,WAAW;MAAEY,MAAM;MAAET;KAAyB,GAAGG,KAAK;IAAxBO,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA;EAEnG,oBACIC,KAAA,CAAAC,aAAA,QAAAC,QAAA;IACIX,GAAG,EAAEA;KACDM,cAAc;IAClBJ,SAAS,EAAEU,UAAU,CACjBV,SAAS,EACR,GAAEZ,SAAU,YAAW,EACxB;MAAE,CAAE,GAAEA,SAAU,aAAYc,MAAO,EAAC,GAAGA;KAAQ,EAC/C;MAAE,CAAE,GAAEd,SAAU,aAAYe,MAAO,EAAC,GAAGA;KAAQ,EAC/CQ,kBAAkB,CAAC;MAAEC,MAAM,EAAExB,SAAS;MAAEG,WAAW;MAAEG,IAAI;MAAEO;KAAQ,CACvE;MAECF,QACA,CAAC;AAEd,CAAC;AACDJ,IAAI,CAACkB,WAAW,GAAG1B,cAAc;AACjCQ,IAAI,CAACK,SAAS,GAAGZ,SAAS;AAC1BO,IAAI,CAACmB,YAAY,GAAGxB,aAAa;;;;AC9DjC;AACA;AACA;;AAUA;AACA;AACA;AACA,MAAMH,gBAAc,GAAG,UAAU;;AAEjC;AACA;AACA;AACA,MAAMC,WAAS,GAAGC,gBAAgB,CAACF,gBAAc,CAAC;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;MACa4B,QAA6C,gBAAGnB,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEgB,KAAK;MAAEC,KAAK;MAAEC;KAA0B,GAAGrB,KAAK;IAAxBO,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,WAAA;EAE7E,oBACIC,KAAA,CAAAC,aAAA,QAAAC,QAAA;IACIX,GAAG,EAAEA;KACDM,cAAc;IAClBJ,SAAS,EAAEU,UAAU,CAACV,SAAS,EAAEW,kBAAkB,CAAC;MAAEC,MAAM,EAAExB,WAAS;MAAE4B,KAAK;MAAEE,KAAK;MAAED;KAAO,CAAC;MAE9FlB,QACA,CAAC;AAEd,CAAC;AACDgB,QAAQ,CAACF,WAAW,GAAG1B,gBAAc;AACrC4B,QAAQ,CAACf,SAAS,GAAGZ,WAAS;;;;"}

package/_internal/687128ab.js

@@ -0,0 +1,60 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames, T as Theme } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+
+const _excluded = ["children", "className", "htmlFor", "isRequired", "theme"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'InputLabel';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  theme: Theme.light
+};
+
+/**
+ * InputLabel component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const InputLabel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      htmlFor,
+      isRequired,
+      theme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("label", _extends({
+    ref: ref
+  }, forwardedProps, {
+    htmlFor: htmlFor,
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isRequired,
+      theme
+    }))
+  }), children);
+});
+InputLabel.displayName = COMPONENT_NAME;
+InputLabel.className = CLASSNAME;
+InputLabel.defaultProps = DEFAULT_PROPS;
+
+export { InputLabel as I };
+//# sourceMappingURL=687128ab.js.map

package/_internal/687128ab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"687128ab.js","sources":["../../src/components/input-label/InputLabel.tsx"],"sourcesContent":["import { Theme } from '@lumx/react';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport classNames from 'classnames';\nimport React, { forwardRef, ReactNode } from 'react';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputLabelProps extends GenericProps, HasTheme {\n    /** Label content. */\n    children: string | ReactNode;\n    /** Native htmlFor property. */\n    htmlFor: string;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputLabel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<InputLabelProps> = {\n    theme: Theme.light,\n};\n\n/**\n * InputLabel component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputLabel: Comp<InputLabelProps, HTMLLabelElement> = forwardRef((props, ref) => {\n    const { children, className, htmlFor, isRequired, theme, ...forwardedProps } = props;\n\n    return (\n        <label\n            ref={ref}\n            {...forwardedProps}\n            htmlFor={htmlFor}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isRequired, theme }))}\n        >\n            {children}\n        </label>\n    );\n});\nInputLabel.displayName = COMPONENT_NAME;\nInputLabel.className = CLASSNAME;\nInputLabel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","InputLabel","forwardRef","props","ref","children","className","htmlFor","isRequired","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;AAMA;AACA;AACA;;AAUA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG;EAC5CC,KAAK,EAAEC,KAAK,CAACC;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,UAAmD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;MAAEC,UAAU;MAAEV;KAA0B,GAAGK,KAAK;IAAxBM,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA;EAEpF,oBACIC,KAAA,CAAAC,aAAA,UAAAC,QAAA;IACIV,GAAG,EAAEA;KACDK,cAAc;IAClBF,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAES,UAAU,CAACT,SAAS,EAAEU,kBAAkB,CAAC;MAAEC,MAAM,EAAEtB,SAAS;MAAEa,UAAU;MAAEV;KAAO,CAAC;MAE5FO,QACE,CAAC;AAEhB,CAAC;AACDJ,UAAU,CAACiB,WAAW,GAAGxB,cAAc;AACvCO,UAAU,CAACK,SAAS,GAAGX,SAAS;AAChCM,UAAU,CAACkB,YAAY,GAAGtB,aAAa;;;;"}