@lumx/react 3.10.1-alpha.1 → 3.10.1-alpha.2

package/_internal/components/checkbox/index.ts-a33166d7.js

@@ -0,0 +1,127 @@
+import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
+import React__default from 'react';
+import { u as useId } from '../../3a1facc0.js';
+import { u as useMergeRefs } from '../../f52adbae.js';
+import { u as useTheme } from '../../3181f000.js';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { I as Icon, j as mdiMinus, k as mdiCheck } from '../../c6c99f76.js';
+import { InputLabel } from '../input-label/index.ts-d6ca5569.js';
+import { InputHelper } from '../input-helper/index.ts-ab3a1ef5.js';
+
+const _excluded = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
+
+/**
+ * Intermediate state of checkbox.
+ */
+const INTERMEDIATE_STATE = 'intermediate';
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Checkbox';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Checkbox component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Checkbox = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+      checked,
+      className,
+      disabled,
+      helper,
+      id,
+      inputRef,
+      isChecked = checked,
+      isDisabled = disabled,
+      label,
+      name,
+      onChange,
+      theme = defaultTheme,
+      value,
+      inputProps = {}
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const localInputRef = React__default.useRef(null);
+  const generatedInputId = useId();
+  const inputId = id || generatedInputId;
+  const handleChange = event => {
+    if (onChange) {
+      onChange(!isChecked, value, name, event);
+    }
+  };
+  const intermediateState = isChecked === INTERMEDIATE_STATE;
+  React__default.useEffect(() => {
+    const input = localInputRef.current;
+    if (input) input.indeterminate = intermediateState;
+  }, [intermediateState]);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      // Whether state is intermediate class name will "-checked"
+      isChecked: intermediateState ? true : isChecked,
+      isDisabled,
+      isUnchecked: !isChecked,
+      prefix: CLASSNAME,
+      theme
+    }))
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__input-wrapper`
+  }, /*#__PURE__*/React__default.createElement("input", _extends({
+    ref: useMergeRefs(inputRef, localInputRef),
+    type: "checkbox",
+    id: inputId,
+    className: `${CLASSNAME}__input-native`,
+    disabled: isDisabled,
+    tabIndex: isDisabled ? -1 : 0,
+    name: name,
+    value: value,
+    checked: isChecked,
+    onChange: handleChange,
+    "aria-describedby": helper ? `${inputId}-helper` : undefined,
+    "aria-checked": intermediateState ? 'mixed' : Boolean(isChecked)
+  }, inputProps)), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__input-placeholder`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__input-background`
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__input-indicator`
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: intermediateState ? mdiMinus : mdiCheck
+  })))), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__content`
+  }, label && /*#__PURE__*/React__default.createElement(InputLabel, {
+    htmlFor: inputId,
+    className: `${CLASSNAME}__label`,
+    theme: theme
+  }, label), helper && /*#__PURE__*/React__default.createElement(InputHelper, {
+    id: `${inputId}-helper`,
+    className: `${CLASSNAME}__helper`,
+    theme: theme
+  }, helper)));
+});
+Checkbox.displayName = COMPONENT_NAME;
+Checkbox.className = CLASSNAME;
+Checkbox.defaultProps = DEFAULT_PROPS;
+
+export { Checkbox };
+//# sourceMappingURL=index.ts-a33166d7.js.map

package/_internal/components/checkbox/index.ts-a33166d7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-a33166d7.js","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, ReactNode, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiCheck, mdiMinus } from '@lumx/icons';\n\nimport { Icon, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useMergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Intermediate state of checkbox.\n */\nconst INTERMEDIATE_STATE = 'intermediate';\n\n/**\n * Defines the props of the component.\n */\nexport interface CheckboxProps extends GenericProps, HasTheme {\n    /** Helper text. */\n    helper?: string;\n    /** Native input id property. */\n    id?: string;\n    /** Native input ref. */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /** Whether it is checked or not or intermediate. */\n    isChecked?: boolean | 'intermediate';\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: ReactNode;\n    /** Native input name property. */\n    name?: string;\n    /** Native input value property. */\n    value?: string;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Checkbox';\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<CheckboxProps> = {};\n\n/**\n * Checkbox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Checkbox = forwardRef<CheckboxProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        className,\n        disabled,\n        helper,\n        id,\n        inputRef,\n        isChecked = checked,\n        isDisabled = disabled,\n        label,\n        name,\n        onChange,\n        theme = defaultTheme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = props;\n    const localInputRef = React.useRef<HTMLInputElement>(null);\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    const intermediateState = isChecked === INTERMEDIATE_STATE;\n\n    React.useEffect(() => {\n        const input = localInputRef.current;\n        if (input) input.indeterminate = intermediateState;\n    }, [intermediateState]);\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    // Whether state is intermediate class name will \"-checked\"\n                    isChecked: intermediateState ? true : isChecked,\n                    isDisabled,\n                    isUnchecked: !isChecked,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    ref={useMergeRefs(inputRef, localInputRef)}\n                    type=\"checkbox\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    disabled={isDisabled}\n                    tabIndex={isDisabled ? -1 : 0}\n                    name={name}\n                    value={value}\n                    checked={isChecked}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    aria-checked={intermediateState ? 'mixed' : Boolean(isChecked)}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n\n                    <div className={`${CLASSNAME}__input-indicator`}>\n                        <Icon icon={intermediateState ? mdiMinus : mdiCheck} />\n                    </div>\n                </div>\n            </div>\n\n            <div className={`${CLASSNAME}__content`}>\n                {label && (\n                    <InputLabel htmlFor={inputId} className={`${CLASSNAME}__label`} theme={theme}>\n                        {label}\n                    </InputLabel>\n                )}\n                {helper && (\n                    <InputHelper id={`${inputId}-helper`} className={`${CLASSNAME}__helper`} theme={theme}>\n                        {helper}\n                    </InputHelper>\n                )}\n            </div>\n        </div>\n    );\n});\nCheckbox.displayName = COMPONENT_NAME;\nCheckbox.className = CLASSNAME;\nCheckbox.defaultProps = DEFAULT_PROPS;\n"],"names":["INTERMEDIATE_STATE","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Checkbox","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","checked","className","disabled","helper","id","inputRef","isChecked","isDisabled","label","name","onChange","theme","value","inputProps","forwardedProps","_objectWithoutProperties","_excluded","localInputRef","React","useRef","generatedInputId","useId","inputId","handleChange","event","intermediateState","useEffect","input","current","indeterminate","createElement","_extends","classNames","handleBasicClasses","isUnchecked","prefix","useMergeRefs","type","tabIndex","undefined","Boolean","Icon","icon","mdiMinus","mdiCheck","InputLabel","htmlFor","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/checkbox/index.ts-f82358ff.d.ts

@@ -0,0 +1,38 @@
+import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
+import React, { ReactNode, InputHTMLAttributes, SyntheticEvent } from 'react';
+
+/**
+ * Defines the props of the component.
+ */
+interface CheckboxProps extends GenericProps, HasTheme {
+    /** Helper text. */
+    helper?: string;
+    /** Native input id property. */
+    id?: string;
+    /** Native input ref. */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /** Whether it is checked or not or intermediate. */
+    isChecked?: boolean | 'intermediate';
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Label text. */
+    label?: ReactNode;
+    /** Native input name property. */
+    name?: string;
+    /** Native input value property. */
+    value?: string;
+    /** optional props for input */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** On change callback. */
+    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;
+}
+/**
+ * Checkbox component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Checkbox: Comp<CheckboxProps, HTMLDivElement>;
+
+export { Checkbox, type CheckboxProps };

package/_internal/components/chip/index.ts-4a91f1a7.d.ts

@@ -0,0 +1,68 @@
+import { G as GenericProps, H as HasTheme, a as ColorPalette, C as Comp, S as Size, d as HorizontalAlignment } from '../../8d67e1e3.js';
+import { ReactNode, MouseEventHandler } from 'react';
+
+/**
+ * Chip sizes.
+ */
+type ChipSize = Extract<Size, 's' | 'm'>;
+/**
+ * Defines the props of the component.
+ */
+interface ChipProps extends GenericProps, HasTheme {
+    /** A component to be rendered after the content. */
+    after?: ReactNode;
+    /** A component to be rendered before the content. */
+    before?: ReactNode;
+    /** Color variant. */
+    color?: ColorPalette;
+    /** Whether the component is clickable or not. */
+    isClickable?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the chip is currently in a highlighted state or not. */
+    isHighlighted?: boolean;
+    /** Whether the component is selected or not. */
+    isSelected?: boolean;
+    /** Size variant. */
+    size?: ChipSize;
+    /** On "after" element clicked callback. */
+    onAfterClick?: MouseEventHandler;
+    /** On "before" element clicked callback. */
+    onBeforeClick?: MouseEventHandler;
+}
+/**
+ * Chip component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Chip: Comp<ChipProps, HTMLAnchorElement>;
+
+interface UseChipGroupNavigation {
+    /** the current active chip index */
+    activeChip: number;
+    /** callback to be executed when the backspace was pressed */
+    onBackspacePressed(): void;
+    /** function that allows to reset the navigation */
+    resetChipNavigation(): void;
+}
+type useChipGroupNavigationType<C = any> = (chips: C[], onChipDeleted: (chip: C) => void, initialActiveChip?: number) => UseChipGroupNavigation;
+
+/**
+ * Defines the props of the component.
+ */
+interface ChipGroupProps extends GenericProps {
+    /**
+     * Chip horizontal alignment.
+     * @deprecated
+     */
+    align?: HorizontalAlignment;
+    /** List of Chip. */
+    children: ReactNode;
+}
+declare const ChipGroup: Comp<ChipGroupProps, HTMLDivElement> & {
+    useChipGroupNavigation: useChipGroupNavigationType<any>;
+};
+
+export { Chip, ChipGroup, type ChipGroupProps, type ChipProps };

package/_internal/components/chip/index.ts-a2b5b771.js

@@ -0,0 +1,110 @@
+export { C as Chip } from '../../c68d24e4.js';
+import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
+import React__default, { useState } from 'react';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+
+const INITIAL_STATE_ACTIVE_CHIP = -1;
+
+/**
+ * Hook that provides the necessary information to manage chips navigation.
+ * @param chips             List of chips selected.
+ * @param onChipDeleted     Callback executed when a chip must be eliminated.
+ * @param initialActiveChip Initial active chip index.
+ *
+ * @return chip navigation tools.
+ */
+const useChipGroupNavigation = function (chips, onChipDeleted) {
+  let initialActiveChip = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INITIAL_STATE_ACTIVE_CHIP;
+  const [wasBackspacePressed, setWasBackspacePressed] = useState(false);
+  const [activeChip, setActiveChip] = useState(initialActiveChip);
+
+  /**
+   * Resets the active index and backspace control to their initial state
+   */
+  const resetChipNavigation = () => {
+    setWasBackspacePressed(false);
+    setActiveChip(initialActiveChip);
+  };
+
+  /**
+   * Callback to be executed when the backspace was pressed. If there are no chips
+   * selected, it will return immediately. If there are it will check if the
+   * backspace was already pressed. if it was, it means that the user wants to eliminate
+   * the chip, so we execute the `onChipDeleted` function and reset internal state.
+   *
+   * If it was not pressed before, we set the `wasBackspacePressed` flag to true and
+   * highlight the last chip.
+   */
+  const onBackspacePressed = () => {
+    if (chips.length === 0) {
+      return;
+    }
+    if (wasBackspacePressed) {
+      const chipDeleted = chips[chips.length - 1];
+      onChipDeleted(chipDeleted);
+      resetChipNavigation();
+    } else {
+      setActiveChip(chips.length - 1);
+      setWasBackspacePressed(true);
+    }
+  };
+  return {
+    activeChip,
+    onBackspacePressed,
+    resetChipNavigation
+  };
+};
+
+const _excluded = ["align", "children", "className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ChipGroup';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * ChipGroup component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const InternalChipGroup = forwardRef((props, ref) => {
+  const {
+      align,
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const chipGroupClassName = handleBasicClasses({
+    prefix: CLASSNAME
+  });
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, chipGroupClassName)
+  }), children);
+});
+InternalChipGroup.displayName = COMPONENT_NAME;
+InternalChipGroup.className = CLASSNAME;
+InternalChipGroup.defaultProps = DEFAULT_PROPS;
+const ChipGroup = Object.assign(InternalChipGroup, {
+  useChipGroupNavigation
+});
+
+export { ChipGroup };
+//# sourceMappingURL=index.ts-a2b5b771.js.map

package/_internal/components/chip/index.ts-a2b5b771.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-a2b5b771.js","sources":["../../../../src/hooks/useChipGroupNavigation.tsx","../../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseChipGroupNavigation {\n    /** the current active chip index */\n    activeChip: number;\n\n    /** callback to be executed when the backspace was pressed */\n    onBackspacePressed(): void;\n\n    /** function that allows to reset the navigation */\n    resetChipNavigation(): void;\n}\n\nexport type useChipGroupNavigationType<C = any> = (\n    chips: C[],\n    onChipDeleted: (chip: C) => void,\n    initialActiveChip?: number,\n) => UseChipGroupNavigation;\n\nconst INITIAL_STATE_ACTIVE_CHIP = -1;\n\n/**\n * Hook that provides the necessary information to manage chips navigation.\n * @param chips             List of chips selected.\n * @param onChipDeleted     Callback executed when a chip must be eliminated.\n * @param initialActiveChip Initial active chip index.\n *\n * @return chip navigation tools.\n */\nexport const useChipGroupNavigation: useChipGroupNavigationType = (\n    chips,\n    onChipDeleted,\n    initialActiveChip = INITIAL_STATE_ACTIVE_CHIP,\n) => {\n    const [wasBackspacePressed, setWasBackspacePressed] = useState(false);\n    const [activeChip, setActiveChip] = useState(initialActiveChip);\n\n    /**\n     * Resets the active index and backspace control to their initial state\n     */\n    const resetChipNavigation = () => {\n        setWasBackspacePressed(false);\n        setActiveChip(initialActiveChip);\n    };\n\n    /**\n     * Callback to be executed when the backspace was pressed. If there are no chips\n     * selected, it will return immediately. If there are it will check if the\n     * backspace was already pressed. if it was, it means that the user wants to eliminate\n     * the chip, so we execute the `onChipDeleted` function and reset internal state.\n     *\n     * If it was not pressed before, we set the `wasBackspacePressed` flag to true and\n     * highlight the last chip.\n     */\n    const onBackspacePressed = () => {\n        if (chips.length === 0) {\n            return;\n        }\n\n        if (wasBackspacePressed) {\n            const chipDeleted: any = chips[chips.length - 1];\n            onChipDeleted(chipDeleted);\n            resetChipNavigation();\n        } else {\n            setActiveChip(chips.length - 1);\n            setWasBackspacePressed(true);\n        }\n    };\n\n    return {\n        activeChip,\n        onBackspacePressed,\n        resetChipNavigation,\n    };\n};\n","import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { HorizontalAlignment } from '@lumx/react/components';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useChipGroupNavigation } from '@lumx/react/hooks/useChipGroupNavigation';\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipGroupProps extends GenericProps {\n    /**\n     * Chip horizontal alignment.\n     * @deprecated\n     */\n    align?: HorizontalAlignment;\n    /** List of Chip. */\n    children: ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipGroupProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ChipGroup component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nconst InternalChipGroup = forwardRef<ChipGroupProps, HTMLDivElement>((props, ref) => {\n    const { align, children, className, ...forwardedProps } = props;\n    const chipGroupClassName = handleBasicClasses({\n        prefix: CLASSNAME,\n    });\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, chipGroupClassName)}>\n            {children}\n        </div>\n    );\n});\nInternalChipGroup.displayName = COMPONENT_NAME;\nInternalChipGroup.className = CLASSNAME;\nInternalChipGroup.defaultProps = DEFAULT_PROPS;\n\nexport const ChipGroup = Object.assign(InternalChipGroup, { useChipGroupNavigation });\n"],"names":["INITIAL_STATE_ACTIVE_CHIP","useChipGroupNavigation","chips","onChipDeleted","initialActiveChip","arguments","length","undefined","wasBackspacePressed","setWasBackspacePressed","useState","activeChip","setActiveChip","resetChipNavigation","onBackspacePressed","chipDeleted","DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","InternalChipGroup","forwardRef","props","ref","align","children","className","forwardedProps","_objectWithoutProperties","_excluded","chipGroupClassName","handleBasicClasses","prefix","React","createElement","_extends","classNames","displayName","defaultProps","ChipGroup","Object","assign"],"mappings":";;;;;AAmBA,MAAMA,yBAAyB,GAAG,CAAC,CAAC,CAAA;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAkD,GAAG,UAC9DC,KAAK,EACLC,aAAa,EAEZ;AAAA,EAAA,IADDC,iBAAiB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAGL,yBAAyB,CAAA;EAE7C,MAAM,CAACQ,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACrE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGF,QAAQ,CAACN,iBAAiB,CAAC,CAAA;;AAE/D;AACJ;AACA;EACI,MAAMS,mBAAmB,GAAGA,MAAM;IAC9BJ,sBAAsB,CAAC,KAAK,CAAC,CAAA;IAC7BG,aAAa,CAACR,iBAAiB,CAAC,CAAA;GACnC,CAAA;;AAED;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI,MAAMU,kBAAkB,GAAGA,MAAM;AAC7B,IAAA,IAAIZ,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE;AACpB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIE,mBAAmB,EAAE;MACrB,MAAMO,WAAgB,GAAGb,KAAK,CAACA,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC,CAAA;MAChDH,aAAa,CAACY,WAAW,CAAC,CAAA;AAC1BF,MAAAA,mBAAmB,EAAE,CAAA;AACzB,KAAC,MAAM;AACHD,MAAAA,aAAa,CAACV,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC,CAAA;MAC/BG,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAChC,KAAA;GACH,CAAA;EAED,OAAO;IACHE,UAAU;IACVG,kBAAkB;AAClBD,IAAAA,mBAAAA;GACH,CAAA;AACL,CAAC;;;;AC/DD;AACA;AACA;;AAWA;AACA;AACA;AACA,MAAMG,aAAsC,GAAG,EAAE,CAAA;;AAEjD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAiB,GAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;MAAEC,KAAK;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGJ,KAAK;AAAxBK,IAAAA,cAAc,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;EAC/D,MAAMC,kBAAkB,GAAGC,kBAAkB,CAAC;AAC1CC,IAAAA,MAAM,EAAEd,SAAAA;AACZ,GAAC,CAAC,CAAA;AAEF,EAAA,oBACIe,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKZ,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EAAKI,cAAc,EAAA;AAAED,IAAAA,SAAS,EAAEU,UAAU,CAACV,SAAS,EAAEI,kBAAkB,CAAA;AAAE,GAAA,CAAA,EACnFL,QACA,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AACFL,iBAAiB,CAACiB,WAAW,GAAGpB,cAAc,CAAA;AAC9CG,iBAAiB,CAACM,SAAS,GAAGR,SAAS,CAAA;AACvCE,iBAAiB,CAACkB,YAAY,GAAGtB,aAAa,CAAA;AAEvC,MAAMuB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACrB,iBAAiB,EAAE;AAAEnB,EAAAA,sBAAAA;AAAuB,CAAC;;;;"}

package/_internal/components/comment-block/index.ts-58fa051a.js

@@ -0,0 +1,121 @@
+import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames, S as Size } from '../../1da25128.js';
+import React__default, { Children } from 'react';
+import { u as useTheme } from '../../3181f000.js';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { Avatar } from '../avatar/index.ts-93ee0ea9.js';
+import { Tooltip } from '../tooltip/index.ts-905c847c.js';
+
+const _excluded = ["actions", "avatarProps", "children", "className", "date", "fullDate", "hasActions", "headerActions", "isOpen", "isRelevant", "name", "onClick", "onMouseEnter", "onMouseLeave", "text", "theme", "variant"];
+/**
+ * Comment block variants.
+ */
+const CommentBlockVariant = {
+  indented: 'indented',
+  linear: 'linear'
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'CommentBlock';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  variant: CommentBlockVariant.indented
+};
+
+/**
+ * CommentBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const CommentBlock = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+      actions,
+      avatarProps,
+      children,
+      className,
+      date,
+      fullDate,
+      hasActions,
+      headerActions,
+      isOpen,
+      isRelevant,
+      name,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      text,
+      theme = defaultTheme,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const hasChildren = Children.count(children) > 0;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref,
+    className: classNames(className, handleBasicClasses({
+      hasChildren: hasChildren && isOpen,
+      hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,
+      hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,
+      isRelevant,
+      prefix: CLASSNAME,
+      theme
+    }))
+  }, forwardedProps), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__wrapper`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__avatar`
+  }, /*#__PURE__*/React__default.createElement(Avatar, _extends({}, avatarProps, {
+    size: Size.m,
+    onClick: onClick
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__container`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__content`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__meta`
+  }, name &&
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+  React__default.createElement("span", {
+    className: `${CLASSNAME}__name`,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, name), headerActions && /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__header-actions`
+  }, headerActions)), /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__text`
+  }, text), date && (fullDate ? /*#__PURE__*/React__default.createElement(Tooltip, {
+    label: fullDate,
+    placement: "top"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__date`
+  }, date)) : /*#__PURE__*/React__default.createElement("span", {
+    className: `${CLASSNAME}__date`
+  }, date))), hasActions && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__actions`
+  }, actions))), hasChildren && isOpen && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__children`
+  }, children));
+});
+CommentBlock.displayName = COMPONENT_NAME;
+CommentBlock.className = CLASSNAME;
+CommentBlock.defaultProps = DEFAULT_PROPS;
+
+export { CommentBlock, CommentBlockVariant };
+//# sourceMappingURL=index.ts-58fa051a.js.map

package/_internal/components/comment-block/index.ts-58fa051a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-58fa051a.js","sources":["../../../../src/components/comment-block/CommentBlock.tsx"],"sourcesContent":["import React, { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Avatar, Size, Theme, Tooltip } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { AvatarProps } from '../avatar/Avatar';\n\n/**\n * Comment block variants.\n */\nexport const CommentBlockVariant = {\n    indented: 'indented',\n    linear: 'linear',\n} as const;\nexport type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface CommentBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Props to pass to the avatar. */\n    avatarProps: AvatarProps;\n    /** Comment block replies. */\n    children?: ReactNode;\n    /** Comment date with the minimal timestamp information (xx minutes, x hours, yesterday, 6 days, Month Day, Month Day Year)*/\n    date?: string;\n    /** Comment date with the full timestamp information (day, month, year, time) */\n    fullDate?: string;\n    /** Whether the component has actions to display or not. */\n    hasActions?: boolean;\n    /** Action toolbar header content. */\n    headerActions?: ReactNode;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the comment is relevant or not. */\n    isRelevant?: boolean;\n    /** Comment author name. */\n    name?: React.ReactNode;\n    /**\n     * On click callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onClick?(): void;\n    /**\n     * On mouse enter callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onMouseEnter?(): void;\n    /**\n     * On mouse leave callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onMouseLeave?(): void;\n    /** Comment content. */\n    text: ReactNode | string;\n    /** Comment variant. */\n    variant?: CommentBlockVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'CommentBlock';\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<CommentBlockProps> = {\n    variant: CommentBlockVariant.indented,\n};\n\n/**\n * CommentBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const CommentBlock = forwardRef<CommentBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        avatarProps,\n        children,\n        className,\n        date,\n        fullDate,\n        hasActions,\n        headerActions,\n        isOpen,\n        isRelevant,\n        name,\n        onClick,\n        onMouseEnter,\n        onMouseLeave,\n        text,\n        theme = defaultTheme,\n        variant,\n        ...forwardedProps\n    } = props;\n    const hasChildren = Children.count(children) > 0;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasChildren: hasChildren && isOpen,\n                    hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,\n                    hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,\n                    isRelevant,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                <div className={`${CLASSNAME}__avatar`}>\n                    <Avatar {...avatarProps} size={Size.m} onClick={onClick} />\n                </div>\n\n                <div className={`${CLASSNAME}__container`}>\n                    <div className={`${CLASSNAME}__content`}>\n                        <div className={`${CLASSNAME}__meta`}>\n                            {name && (\n                                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                                <span\n                                    className={`${CLASSNAME}__name`}\n                                    onClick={onClick}\n                                    onMouseEnter={onMouseEnter}\n                                    onMouseLeave={onMouseLeave}\n                                >\n                                    {name}\n                                </span>\n                            )}\n                            {headerActions && <span className={`${CLASSNAME}__header-actions`}>{headerActions}</span>}\n                        </div>\n\n                        <div className={`${CLASSNAME}__text`}>{text}</div>\n                        {date &&\n                            (fullDate ? (\n                                <Tooltip label={fullDate} placement=\"top\">\n                                    <span className={`${CLASSNAME}__date`}>{date}</span>\n                                </Tooltip>\n                            ) : (\n                                <span className={`${CLASSNAME}__date`}>{date}</span>\n                            ))}\n                    </div>\n                    {hasActions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n                </div>\n            </div>\n            {hasChildren && isOpen && <div className={`${CLASSNAME}__children`}>{children}</div>}\n        </div>\n    );\n});\nCommentBlock.displayName = COMPONENT_NAME;\nCommentBlock.className = CLASSNAME;\nCommentBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["CommentBlockVariant","indented","linear","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","variant","CommentBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","avatarProps","children","className","date","fullDate","hasActions","headerActions","isOpen","isRelevant","name","onClick","onMouseEnter","onMouseLeave","text","theme","forwardedProps","_objectWithoutProperties","_excluded","hasChildren","Children","count","React","createElement","_extends","classNames","handleBasicClasses","hasIndentedChildren","hasLinearChildren","prefix","Avatar","size","Size","m","Tooltip","label","placement","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/comment-block/index.ts-8cfa5af0.d.ts

@@ -0,0 +1,67 @@
+import { V as ValueOf, G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
+import React, { ReactNode } from 'react';
+import { AvatarProps } from '../avatar/index.ts-f92852b4.js';
+import '../../35f100be.js';
+
+/**
+ * Comment block variants.
+ */
+declare const CommentBlockVariant: {
+    readonly indented: "indented";
+    readonly linear: "linear";
+};
+type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;
+/**
+ * Defines the props of the component.
+ */
+interface CommentBlockProps extends GenericProps, HasTheme {
+    /** Action toolbar content. */
+    actions?: ReactNode;
+    /** Props to pass to the avatar. */
+    avatarProps: AvatarProps;
+    /** Comment block replies. */
+    children?: ReactNode;
+    /** Comment date with the minimal timestamp information (xx minutes, x hours, yesterday, 6 days, Month Day, Month Day Year)*/
+    date?: string;
+    /** Comment date with the full timestamp information (day, month, year, time) */
+    fullDate?: string;
+    /** Whether the component has actions to display or not. */
+    hasActions?: boolean;
+    /** Action toolbar header content. */
+    headerActions?: ReactNode;
+    /** Whether the component is open or not. */
+    isOpen?: boolean;
+    /** Whether the comment is relevant or not. */
+    isRelevant?: boolean;
+    /** Comment author name. */
+    name?: React.ReactNode;
+    /**
+     * On click callback.
+     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`
+     */
+    onClick?(): void;
+    /**
+     * On mouse enter callback.
+     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`
+     */
+    onMouseEnter?(): void;
+    /**
+     * On mouse leave callback.
+     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`
+     */
+    onMouseLeave?(): void;
+    /** Comment content. */
+    text: ReactNode | string;
+    /** Comment variant. */
+    variant?: CommentBlockVariant;
+}
+/**
+ * CommentBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const CommentBlock: Comp<CommentBlockProps, HTMLDivElement>;
+
+export { CommentBlock, type CommentBlockProps, CommentBlockVariant };

package/_internal/components/date-picker/index.ts-145262d5.js

@@ -0,0 +1,2 @@
+export { D as DatePicker, a as DatePickerControlled, b as DatePickerField } from '../../56aec41b.js';
+//# sourceMappingURL=index.ts-145262d5.js.map

package/_internal/components/date-picker/index.ts-145262d5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-145262d5.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}