@lumx/react 3.0.2 → 3.0.3-alpha.1

package/src/utils/{getRootClassName.ts → className.ts}

@@ -1,10 +1,13 @@
 import { CSS_PREFIX } from '@lumx/react/constants';
 
 import kebabCase from 'lodash/kebabCase';
+import { ColorPalette, ColorVariant, Typography } from '@lumx/react/components';
 
 // See https://regex101.com/r/YjS1uI/3
 const LAST_PART_CLASSNAME = /^(.*)-(.+)$/gi;
 
+export { getBasicClass, handleBasicClasses } from '@lumx/core/js/utils';
+
 /**
  * Get the name of the root CSS class of a component based on its name.
  *
@@ -23,3 +26,19 @@ export function getRootClassName(componentName: string, subComponent?: boolean):
     }
     return formattedClassName;
 }
+
+/**
+ * Returns the classname associated to the given color and variant.
+ * For example, for 'dark' and 'L2' it returns `lumx-color-font-dark-l2`
+ */
+export const getFontColorClassName = (color: ColorPalette, colorVariant: ColorVariant = ColorVariant.N) => {
+    return `lumx-color-font-${color}-${colorVariant}`;
+};
+
+/**
+ * Returns the classname associated to the given typography.
+ * For example, for `Typography.title` it returns `lumx-typography-title`
+ */
+export const getTypographyClassName = (typography: Typography) => {
+    return `lumx-typography-${typography}`;
+};

package/src/utils/event.ts

@@ -0,0 +1 @@
+export { onEnterPressed, onButtonPressed, onEscapePressed } from '@lumx/core/js/utils';

package/src/utils/index.ts

@@ -0,0 +1,5 @@
+/**
+ * WARNING: All modules exported here are exposed to NPM in '@lumx/react/utils'.
+ */
+
+export * from './ClickAwayProvider';

package/src/utils/type.ts

@@ -35,6 +35,9 @@ export type Comp<P, T = HTMLElement> = {
 /** Union type of all heading elements */
 export type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
+/** Union type of all text elements */
+export type TextElement = 'span' | 'p' | HeadingElement;
+
 export interface HasTheme {
     /**
      * Theme adapting the component to light or dark background.

package/src/utils/utils.test.ts

@@ -1,5 +1,5 @@
 import partition from 'lodash/partition';
-import { partitionMulti } from '.';
+import { partitionMulti } from './partitionMulti';
 import { isInternetExplorer } from './isInternetExplorer';
 
 describe(`partitionMulti`, () => {

package/types.d.ts

@@ -27,6 +27,8 @@ export declare type Comp<P, T = HTMLElement> = {
 };
 /** Union type of all heading elements */
 export declare type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/** Union type of all text elements */
+export declare type TextElement = "span" | "p" | HeadingElement;
 export interface HasTheme {
 	/**
 	 * Theme adapting the component to light or dark background.
@@ -871,10 +873,6 @@ export declare const Dialog: Comp<DialogProps, HTMLDivElement>;
  */
 export interface DividerProps extends GenericProps, HasTheme {
 }
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<DividerProps>;
 /**
  * Divider component.
  *
@@ -1108,6 +1106,8 @@ export declare type FlexHorizontalAlignment = HorizontalAlignment | SpaceAlignme
  * Defines the props of the component.
  */
 export interface FlexBoxProps extends GenericProps {
+	/** Customize the root element. */
+	as?: React.ElementType;
 	/** Children elements. */
 	children?: ReactNode;
 	/** Whether the "content filling space" is enabled or not. */
@@ -1135,6 +1135,24 @@ export interface FlexBoxProps extends GenericProps {
  * @return React element.
  */
 export declare const FlexBox: Comp<FlexBoxProps, HTMLDivElement>;
+/**
+ * Accepted gap sizes for the generic block.
+ */
+export declare const GenericBlockGapSize: Pick<{
+	readonly xxs: "xxs";
+	readonly xs: "xs";
+	readonly s: "s";
+	readonly m: "m";
+	readonly l: "l";
+	readonly xl: "xl";
+	readonly xxl: "xxl";
+	readonly tiny: "tiny";
+	readonly regular: "regular";
+	readonly medium: "medium";
+	readonly big: "big";
+	readonly huge: "huge";
+}, "tiny" | "regular" | "medium" | "big" | "huge">;
+export declare type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
 export interface GenericBlockProps extends FlexBoxProps {
 	/**
 	 * Component to use as visual element.
@@ -1174,28 +1192,37 @@ export interface GenericBlockProps extends FlexBoxProps {
 	 * props to forward to the figure element.
 	 */
 	figureProps?: Omit<FlexBoxProps, "children">;
+	/**
+	 * Gap space between sections.
+	 */
+	gap?: GenericBlockGapSize;
 }
 export declare type BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;
+export interface GenericBlockSectionProps extends FlexBoxProps {
+	/**
+	 * Gap space between items.
+	 */
+	gap?: GenericBlockGapSize;
+}
 export interface GenericBlock extends BaseGenericBlock {
 	/**
 	 * Use `GenericBlock.Figure` component as children of the `GenericBlock` component as an alternative way to inject
 	 * the "figure" section of the block (instead of using `figure` and `figureProps` props).
 	 */
-	Figure: Comp<FlexBoxProps>;
+	Figure: Comp<GenericBlockSectionProps>;
 	/**
 	 * Use `GenericBlock.Content` component as children of the `GenericBlock` component as an alternative way to inject
 	 * the "content" section of the block (instead of using `content` and `contentProps` props).
 	 */
-	Content: Comp<FlexBoxProps>;
+	Content: Comp<GenericBlockSectionProps>;
 	/**
 	 * Use `GenericBlock.Actions` component as children of the `GenericBlock` component as an alternative way to inject
 	 * the "actions" section of the block (instead of using `actions` and `actionsProps` props).
 	 */
-	Actions: Comp<FlexBoxProps>;
+	Actions: Comp<GenericBlockSectionProps>;
 }
 declare const BaseGenericBlock: BaseGenericBlock;
 export declare const GenericBlock: GenericBlock;
-export declare type TextComponents = "span" | "p" | HeadingElement;
 /**
  * Defines the props of the component.
  */
@@ -1203,7 +1230,7 @@ export interface TextProps extends GenericProps {
 	/**
 	 * Color variant.
 	 */
-	color?: Color;
+	color?: ColorPalette;
 	/**
 	 * Lightened or darkened variant of the selected color.
 	 */
@@ -1215,7 +1242,7 @@ export interface TextProps extends GenericProps {
 	/**
 	 * Custom component to render the text.
 	 */
-	as: TextComponents;
+	as: TextElement;
 	/**
 	 * Control whether the text should truncate or not.
 	 * Setting as `true` will make the text truncate on a single line.
@@ -1224,6 +1251,11 @@ export interface TextProps extends GenericProps {
 	truncate?: boolean | {
 		lines: number;
 	};
+	/**
+	 * Prevents text to wrap on multiple lines
+	 * (automatically activated when single line text truncate is activated).
+	 */
+	noWrap?: boolean;
 }
 /**
  * Text component.
@@ -1260,7 +1292,7 @@ export interface HeadingLevelProviderProps {
 export declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
 export declare const useHeadingLevel: () => {
 	level: number;
-	headingElement: import("../../utils").HeadingElement;
+	headingElement: import("../../utils/type").HeadingElement;
 };
 export declare type GridGutterSize = Extract<Size, "regular" | "big" | "huge">;
 /**
@@ -1462,6 +1494,31 @@ export interface ImageBlockProps extends GenericProps, HasTheme {
  * @return React element.
  */
 export declare const ImageBlock: Comp<ImageBlockProps, HTMLDivElement>;
+/**
+ * Defines the props of the component.
+ */
+export interface InlineListProps extends GenericProps {
+	/**
+	 * Text color.
+	 */
+	color?: ColorPalette;
+	/**
+	 * Lightened or darkened variant of the selected color.
+	 */
+	colorVariant?: ColorVariant;
+	/**
+	 * Typography variant.
+	 */
+	typography?: Typography;
+}
+/**
+ * InlineList component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+export declare const InlineList: Comp<InlineListProps>;
 /**
  * Defines the props of the component.
  */

package/utils/index.d.ts

@@ -0,0 +1,29 @@
+import React, { RefObject } from 'react';
+import { F as Falsy } from '../_internal/types.js';
+
+interface ClickAwayParameters {
+    /**
+     * A callback function to call when the user clicks away from the elements.
+     */
+    callback: EventListener | Falsy;
+    /**
+     * Elements considered within the click away context (clicking outside them will trigger the click away callback).
+     */
+    childrenRefs: RefObject<Array<RefObject<HTMLElement>>>;
+}
+
+interface ClickAwayProviderProps extends ClickAwayParameters {
+    /**
+     * (Optional) Element that should be considered as part of the parent
+     */
+    parentRef?: RefObject<HTMLElement>;
+}
+/**
+ * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure
+ * we take into account both the DOM tree and the React tree to detect click away.
+ *
+ * @return the react component.
+ */
+declare const ClickAwayProvider: React.FC<ClickAwayProviderProps>;
+
+export { ClickAwayProvider };

package/utils/index.js

@@ -0,0 +1,2 @@
+export { C as ClickAwayProvider } from '../_internal/ClickAwayProvider.js';
+//# sourceMappingURL=index.js.map

package/utils/index.js.map

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

package/esm/_internal/AlertDialog.js

@@ -1,141 +0,0 @@
-import { a as _defineProperty, b as _objectWithoutProperties, c as _extends, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import { Size, Emphasis, ColorPalette, Kind } from './components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './getRootClassName.js';
-import { I as Icon, m as mdiAlert, a as mdiInformation, b as mdiCheckCircle, c as mdiAlertCircle } from './Icon2.js';
-import { u as uid } from '../index2.js';
-import { a as Button } from './Button2.js';
-import { D as Dialog } from './Dialog2.js';
-import { T as Toolbar } from './Toolbar2.js';
-
-var _CONFIG;
-
-/**
- * Associative map from message kind to color and icon.
- */
-var CONFIG = (_CONFIG = {}, _defineProperty(_CONFIG, Kind.error, {
-  color: ColorPalette.red,
-  icon: mdiAlert
-}), _defineProperty(_CONFIG, Kind.info, {
-  color: ColorPalette.blue,
-  icon: mdiInformation
-}), _defineProperty(_CONFIG, Kind.success, {
-  color: ColorPalette.green,
-  icon: mdiCheckCircle
-}), _defineProperty(_CONFIG, Kind.warning, {
-  color: ColorPalette.yellow,
-  icon: mdiAlertCircle
-}), _CONFIG);
-/**
- * Component display name.
- */
-
-var COMPONENT_NAME = 'AlertDialog';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  size: Size.tiny,
-  kind: Kind.info
-};
-/**
- * AlertDialog component.
- *
- * An alert dialog is a modal dialog that interrupts the user's workflow to
- * communicate an important message and acquire a response.
- *
- * It should not have a complex content.
- * Children of this component should only be strings, paragraphs or links.
- */
-
-var AlertDialog = forwardRef(function (props, ref) {
-  var id = props.id,
-      title = props.title,
-      className = props.className,
-      cancelProps = props.cancelProps,
-      confirmProps = props.confirmProps,
-      kind = props.kind,
-      size = props.size,
-      dialogProps = props.dialogProps,
-      children = props.children,
-      forwardedProps = _objectWithoutProperties(props, ["id", "title", "className", "cancelProps", "confirmProps", "kind", "size", "dialogProps", "children"]);
-
-  var cancelButtonRef = React.useRef(null);
-  var confirmationButtonRef = React.useRef(null);
-
-  var _ref = CONFIG[kind] || {},
-      color = _ref.color,
-      icon = _ref.icon; // Define a unique ID to target title and description for aria attributes.
-
-
-  var uniqueId = React.useMemo(function () {
-    return id || uid();
-  }, [id]);
-  var titleId = "".concat(uniqueId, "-title");
-  var descriptionId = "".concat(uniqueId, "-description"); // If content is a string, set in a paragraph.
-
-  var DescriptionElement = typeof children === 'string' ? 'p' : 'div';
-
-  var confirmLabel = confirmProps.label,
-      confirmOnClick = confirmProps.onClick,
-      forwardedConfirmProps = _objectWithoutProperties(confirmProps, ["label", "onClick"]);
-
-  var _ref2 = cancelProps || {},
-      cancelLabel = _ref2.label,
-      cancelOnClick = _ref2.onClick,
-      forwardedCancelProps = _objectWithoutProperties(_ref2, ["label", "onClick"]);
-
-  return React.createElement(Dialog, _extends({
-    ref: ref,
-    focusElement: cancelProps ? cancelButtonRef : confirmationButtonRef,
-    size: size,
-    dialogProps: _objectSpread2({
-      id: uniqueId,
-      role: 'alertdialog',
-      'aria-labelledby': titleId,
-      'aria-describedby': descriptionId
-    }, dialogProps),
-    className: classnames(className, handleBasicClasses({
-      kind: kind,
-      prefix: CLASSNAME
-    }))
-  }, forwardedProps), React.createElement("header", null, React.createElement(Toolbar, {
-    className: "lumx-spacing-margin-horizontal",
-    before: React.createElement(Icon, {
-      icon: icon,
-      size: Size.s,
-      color: color
-    }),
-    label: React.createElement("h2", {
-      id: titleId,
-      className: "lumx-typography-title"
-    }, title)
-  })), children && React.createElement(DescriptionElement, {
-    id: descriptionId,
-    className: "lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge"
-  }, children), React.createElement("footer", null, React.createElement(Toolbar, {
-    className: "lumx-spacing-margin-horizontal",
-    after: React.createElement(React.Fragment, null, cancelProps && React.createElement(Button, _extends({}, forwardedCancelProps, {
-      ref: cancelButtonRef,
-      emphasis: Emphasis.medium,
-      onClick: cancelOnClick
-    }), cancelLabel), React.createElement(Button, _extends({}, forwardedConfirmProps, {
-      ref: confirmationButtonRef,
-      color: color,
-      className: "lumx-spacing-margin-left-regular",
-      onClick: confirmOnClick
-    }), confirmLabel))
-  })));
-});
-AlertDialog.displayName = COMPONENT_NAME;
-AlertDialog.className = CLASSNAME;
-AlertDialog.defaultProps = DEFAULT_PROPS;
-
-export { AlertDialog as A };
-//# sourceMappingURL=AlertDialog.js.map

package/esm/_internal/AlertDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport {\n    DialogProps,\n    Dialog,\n    Button,\n    Emphasis,\n    ColorPalette,\n    Icon,\n    Size,\n    Kind,\n    Toolbar,\n    ButtonProps,\n} from '@lumx/react';\n\nimport { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons/';\nimport { uid } from 'uid';\nimport { Comp, getRootClassName, handleBasicClasses } from '@lumx/react/utils';\n\nexport interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {\n    /** Message variant. */\n    kind?: Kind;\n    /** Dialog title. */\n    title?: string;\n    /** Props forwarded to the confirm button */\n    confirmProps: ButtonProps & {\n        onClick(): void;\n        label: string;\n    };\n    /**\n     * Props forwarded to the cancel button.\n     * Will not render a cancel button if undefined.\n     */\n    cancelProps?: ButtonProps & {\n        onClick(): void;\n        label: string;\n    };\n}\n\n/**\n * Associative map from message kind to color and icon.\n */\nconst CONFIG = {\n    [Kind.error]: { color: ColorPalette.red, icon: mdiAlert },\n    [Kind.info]: { color: ColorPalette.blue, icon: mdiInformation },\n    [Kind.success]: { color: ColorPalette.green, icon: mdiCheckCircle },\n    [Kind.warning]: { color: ColorPalette.yellow, icon: mdiAlertCircle },\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AlertDialog';\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<DialogProps> = {\n    size: Size.tiny,\n    kind: Kind.info,\n};\n\n/**\n * AlertDialog component.\n *\n * An alert dialog is a modal dialog that interrupts the user's workflow to\n * communicate an important message and acquire a response.\n *\n * It should not have a complex content.\n * Children of this component should only be strings, paragraphs or links.\n */\nexport const AlertDialog: Comp<AlertDialogProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        id,\n        title,\n        className,\n        cancelProps,\n        confirmProps,\n        kind,\n        size,\n        dialogProps,\n        children,\n        ...forwardedProps\n    } = props;\n\n    const cancelButtonRef = React.useRef(null);\n    const confirmationButtonRef = React.useRef(null);\n    const { color, icon } = CONFIG[kind as Kind] || {};\n\n    // Define a unique ID to target title and description for aria attributes.\n    const uniqueId = React.useMemo(() => id || uid(), [id]);\n    const titleId = `${uniqueId}-title`;\n    const descriptionId = `${uniqueId}-description`;\n\n    // If content is a string, set in a paragraph.\n    const DescriptionElement = typeof children === 'string' ? 'p' : 'div';\n\n    const { label: confirmLabel, onClick: confirmOnClick, ...forwardedConfirmProps } = confirmProps;\n    const { label: cancelLabel, onClick: cancelOnClick, ...forwardedCancelProps } = cancelProps || {};\n\n    return (\n        <Dialog\n            ref={ref}\n            focusElement={cancelProps ? cancelButtonRef : confirmationButtonRef}\n            size={size}\n            dialogProps={{\n                id: uniqueId,\n                role: 'alertdialog',\n                'aria-labelledby': titleId,\n                'aria-describedby': descriptionId,\n                ...dialogProps,\n            }}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    kind,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            <header>\n                <Toolbar\n                    className=\"lumx-spacing-margin-horizontal\"\n                    before={<Icon icon={icon} size={Size.s} color={color} />}\n                    label={\n                        <h2 id={titleId} className=\"lumx-typography-title\">\n                            {title}\n                        </h2>\n                    }\n                />\n            </header>\n\n            {children && (\n                <DescriptionElement\n                    id={descriptionId}\n                    className=\"lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge\"\n                >\n                    {children}\n                </DescriptionElement>\n            )}\n\n            <footer>\n                <Toolbar\n                    className=\"lumx-spacing-margin-horizontal\"\n                    after={\n                        <>\n                            {cancelProps && (\n                                <Button\n                                    {...forwardedCancelProps}\n                                    ref={cancelButtonRef}\n                                    emphasis={Emphasis.medium}\n                                    onClick={cancelOnClick}\n                                >\n                                    {cancelLabel}\n                                </Button>\n                            )}\n                            <Button\n                                {...forwardedConfirmProps}\n                                ref={confirmationButtonRef}\n                                color={color}\n                                className=\"lumx-spacing-margin-left-regular\"\n                                onClick={confirmOnClick}\n                            >\n                                {confirmLabel}\n                            </Button>\n                        </>\n                    }\n                />\n            </footer>\n        </Dialog>\n    );\n});\n\nAlertDialog.displayName = COMPONENT_NAME;\nAlertDialog.className = CLASSNAME;\nAlertDialog.defaultProps = DEFAULT_PROPS;\n"],"names":["CONFIG","Kind","error","color","ColorPalette","red","icon","mdiAlert","info","blue","mdiInformation","success","green","mdiCheckCircle","warning","yellow","mdiAlertCircle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","tiny","kind","AlertDialog","forwardRef","props","ref","id","title","className","cancelProps","confirmProps","dialogProps","children","forwardedProps","cancelButtonRef","React","useRef","confirmationButtonRef","uniqueId","useMemo","uid","titleId","descriptionId","DescriptionElement","confirmLabel","label","confirmOnClick","onClick","forwardedConfirmProps","cancelLabel","cancelOnClick","forwardedCancelProps","role","classNames","handleBasicClasses","prefix","s","Emphasis","medium","displayName","defaultProps"],"mappings":"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"}