@lumx/react 3.0.2-alpha-react-utils.1 → 3.0.2-alpha-react-utils.3

package/_internal/a0108f92.js

@@ -1,84 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
-import { Size, AspectRatio, Theme } from '../components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
-import { I as Icon } from './a521723d.js';
-
-/**
- * Uploader variants.
- */
-
-var UploaderVariant = {
-  square: 'square',
-  rounded: 'rounded',
-  circle: 'circle'
-};
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Uploader';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  aspectRatio: AspectRatio.horizontal,
-  size: Size.xl,
-  theme: Theme.light,
-  variant: UploaderVariant.square
-};
-/**
- * Uploader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Uploader = forwardRef(function (props, ref) {
-  var aspectRatio = props.aspectRatio,
-      className = props.className,
-      label = props.label,
-      icon = props.icon,
-      size = props.size,
-      theme = props.theme,
-      variant = props.variant,
-      forwardedProps = _objectWithoutProperties(props, ["aspectRatio", "className", "label", "icon", "size", "theme", "variant"]); // Adjust to square aspect ratio when using circle variants.
-
-
-  var adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
-  return React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      aspectRatio: adjustedAspectRatio,
-      prefix: CLASSNAME,
-      size: size,
-      theme: theme,
-      variant: variant
-    }))
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__background")
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__wrapper")
-  }, icon && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__icon")
-  }, React.createElement(Icon, {
-    icon: icon,
-    size: Size.s
-  })), label && React.createElement("span", {
-    className: "".concat(CLASSNAME, "__label")
-  }, label)));
-});
-Uploader.displayName = COMPONENT_NAME;
-Uploader.className = CLASSNAME;
-Uploader.defaultProps = DEFAULT_PROPS;
-
-export { UploaderVariant as U, Uploader as a };
-//# sourceMappingURL=a0108f92.js.map

package/_internal/a0108f92.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"a0108f92.js","sources":["../../src/components/uploader/Uploader.tsx"],"sourcesContent":["import React, { forwardRef, MouseEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AspectRatio, Icon, Size, Theme } from '@lumx/react';\nimport { Comp, GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Uploader variants.\n */\nexport const UploaderVariant = {\n    square: 'square',\n    rounded: 'rounded',\n    circle: 'circle',\n} as const;\nexport type UploaderVariant = ValueOf<typeof UploaderVariant>;\n\n/**\n * Uploader sizes.\n */\nexport type UploaderSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface UploaderProps extends GenericProps, HasTheme {\n    /** Image aspect ratio. */\n    aspectRatio?: AspectRatio;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label text. */\n    label?: string;\n    /** Size variant. */\n    size?: UploaderSize;\n    /** Variant. */\n    variant?: UploaderVariant;\n    /** On click callback. */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Uploader';\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<UploaderProps> = {\n    aspectRatio: AspectRatio.horizontal,\n    size: Size.xl,\n    theme: Theme.light,\n    variant: UploaderVariant.square,\n};\n\n/**\n * Uploader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Uploader: Comp<UploaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { aspectRatio, className, label, icon, size, theme, variant, ...forwardedProps } = props;\n    // Adjust to square aspect ratio when using circle variants.\n    const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    aspectRatio: adjustedAspectRatio,\n                    prefix: CLASSNAME,\n                    size,\n                    theme,\n                    variant,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__background`} />\n\n            <div className={`${CLASSNAME}__wrapper`}>\n                {icon && (\n                    <div className={`${CLASSNAME}__icon`}>\n                        <Icon icon={icon} size={Size.s} />\n                    </div>\n                )}\n\n                {label && <span className={`${CLASSNAME}__label`}>{label}</span>}\n            </div>\n        </div>\n    );\n});\nUploader.displayName = COMPONENT_NAME;\nUploader.className = CLASSNAME;\nUploader.defaultProps = DEFAULT_PROPS;\n"],"names":["UploaderVariant","square","rounded","circle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","aspectRatio","AspectRatio","horizontal","size","Size","xl","theme","Theme","light","variant","Uploader","forwardRef","props","ref","className","label","icon","forwardedProps","adjustedAspectRatio","classNames","handleBasicClasses","prefix","s","displayName","defaultProps"],"mappings":";;;;;;AAQA;;;;IAGaA,eAAe,GAAG;AAC3BC,EAAAA,MAAM,EAAE,QADmB;AAE3BC,EAAAA,OAAO,EAAE,SAFkB;AAG3BC,EAAAA,MAAM,EAAE;AAHmB;;AA8B/B;;;AAGA,IAAMC,cAAc,GAAG,UAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAqC,GAAG;AAC1CC,EAAAA,WAAW,EAAEC,WAAW,CAACC,UADiB;AAE1CC,EAAAA,IAAI,EAAEC,IAAI,CAACC,EAF+B;AAG1CC,EAAAA,KAAK,EAAEC,KAAK,CAACC,KAH6B;AAI1CC,EAAAA,OAAO,EAAEjB,eAAe,CAACC;AAJiB,CAA9C;AAOA;;;;;;;;IAOaiB,QAA6C,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC5Eb,WAD4E,GACKY,KADL,CAC5EZ,WAD4E;AAAA,MAC/Dc,SAD+D,GACKF,KADL,CAC/DE,SAD+D;AAAA,MACpDC,KADoD,GACKH,KADL,CACpDG,KADoD;AAAA,MAC7CC,IAD6C,GACKJ,KADL,CAC7CI,IAD6C;AAAA,MACvCb,IADuC,GACKS,KADL,CACvCT,IADuC;AAAA,MACjCG,KADiC,GACKM,KADL,CACjCN,KADiC;AAAA,MAC1BG,OAD0B,GACKG,KADL,CAC1BH,OAD0B;AAAA,MACdQ,cADc,4BACKL,KADL;;;AAGpF,MAAMM,mBAAmB,GAAGT,OAAO,KAAKjB,eAAe,CAACG,MAA5B,GAAqCM,WAAW,CAACR,MAAjD,GAA0DO,WAAtF;AAEA,SACI;AACI,IAAA,GAAG,EAAEa;AADT,KAEQI,cAFR;AAGI,IAAA,SAAS,EAAEE,UAAU,CACjBL,SADiB,EAEjBM,kBAAkB,CAAC;AACfpB,MAAAA,WAAW,EAAEkB,mBADE;AAEfG,MAAAA,MAAM,EAAExB,SAFO;AAGfM,MAAAA,IAAI,EAAJA,IAHe;AAIfG,MAAAA,KAAK,EAALA,KAJe;AAKfG,MAAAA,OAAO,EAAPA;AALe,KAAD,CAFD;AAHzB,MAcI;AAAK,IAAA,SAAS,YAAKZ,SAAL;AAAd,IAdJ,EAgBI;AAAK,IAAA,SAAS,YAAKA,SAAL;AAAd,KACKmB,IAAI,IACD;AAAK,IAAA,SAAS,YAAKnB,SAAL;AAAd,KACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEmB,IAAZ;AAAkB,IAAA,IAAI,EAAEZ,IAAI,CAACkB;AAA7B,IADJ,CAFR,EAOKP,KAAK,IAAI;AAAM,IAAA,SAAS,YAAKlB,SAAL;AAAf,KAAyCkB,KAAzC,CAPd,CAhBJ,CADJ;AA4BH,CAjCsE;AAkCvEL,QAAQ,CAACa,WAAT,GAAuB3B,cAAvB;AACAc,QAAQ,CAACI,SAAT,GAAqBjB,SAArB;AACAa,QAAQ,CAACc,YAAT,GAAwBzB,aAAxB;;;;"}

package/_internal/a493a193.d.ts

@@ -1,65 +0,0 @@
-import { ReactNode, MouseEventHandler } from 'react';
-import { l as GenericProps, m as HasTheme, a as Color, k as Comp, S as Size, H as HorizontalAlignment } from './eca6d4dc.js';
-
-/**
- * Chip sizes.
- */
-declare 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?: Color;
-    /** 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;
-}
-declare 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. */
-    align?: HorizontalAlignment;
-    /** List of Chip. */
-    children: ReactNode;
-}
-declare const ChipGroup: Comp<ChipGroupProps, HTMLDivElement> & {
-    useChipGroupNavigation: useChipGroupNavigationType<any>;
-};
-
-export { ChipProps as C, Chip as a, ChipGroupProps as b, ChipGroup as c };

package/_internal/a521723d.js

@@ -1,120 +0,0 @@
-import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
-import { ColorPalette, Theme, Size } from '../components.js';
-import React, { forwardRef } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
-
-// Material Design Icons v5.8.55
-var mdiAlert = "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z";
-var mdiAlertCircle = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-var mdiArrowDown = "M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z";
-var mdiArrowUp = "M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z";
-var mdiCheck = "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z";
-var mdiCheckCircle = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z";
-var mdiChevronDown = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";
-var mdiChevronLeft = "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z";
-var mdiChevronRight = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";
-var mdiChevronUp = "M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z";
-var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
-var mdiCloseCircle = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z";
-var mdiDragVertical = "M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z";
-var mdiImageBroken = "M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z";
-var mdiInformation = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-var mdiMenuDown = "M7,10L12,15L17,10H7Z";
-var mdiPauseCircleOutline = "M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z";
-var mdiPlayCircleOutline = "M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z";
-var mdiRadioboxBlank = "M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-var mdiRadioboxMarked = "M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z";
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME = 'Icon';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {};
-/**
- * Icon component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Icon = forwardRef(function (props, ref) {
-  var className = props.className,
-      color = props.color,
-      colorVariant = props.colorVariant,
-      hasShape = props.hasShape,
-      icon = props.icon,
-      size = props.size,
-      theme = props.theme,
-      alt = props.alt,
-      forwardedProps = _objectWithoutProperties(props, ["className", "color", "colorVariant", "hasShape", "icon", "size", "theme", "alt"]); // Color
-
-
-  var iconColor = color;
-
-  if (!iconColor && (hasShape || theme)) {
-    iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
-  } // Color variant
-
-
-  var iconColorVariant = colorVariant;
-
-  if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {
-    iconColorVariant = 'L2';
-  } // Size
-
-
-  var iconSize = size;
-
-  if (size && hasShape) {
-    if (size === Size.xxs || size === Size.xs) {
-      iconSize = Size.s;
-    } else if (size === Size.xxl) {
-      iconSize = Size.xl;
-    }
-  } else if (hasShape) {
-    iconSize = Size.m;
-  }
-
-  return React.createElement("i", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      color: iconColor,
-      colorVariant: iconColorVariant,
-      hasShape: hasShape,
-      prefix: CLASSNAME,
-      theme: theme,
-      size: iconSize
-    }), !hasShape && "".concat(CLASSNAME, "--no-shape"), !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && "".concat(CLASSNAME, "--has-dark-layer"), "".concat(CLASSNAME, "--path"))
-  }), React.createElement("svg", {
-    "aria-hidden": alt ? undefined : 'true',
-    role: alt ? 'img' : undefined,
-    "aria-label": alt,
-    height: "1em",
-    preserveAspectRatio: "xMidYMid meet",
-    style: {
-      verticalAlign: '-0.125em'
-    },
-    viewBox: "0 0 24 24",
-    width: "1em"
-  }, React.createElement("path", {
-    d: icon,
-    fill: "currentColor"
-  })));
-});
-Icon.displayName = COMPONENT_NAME;
-Icon.className = CLASSNAME;
-Icon.defaultProps = DEFAULT_PROPS;
-
-export { Icon as I, mdiInformation as a, mdiCheckCircle as b, mdiAlertCircle as c, mdiClose as d, mdiCheck as e, mdiChevronRight as f, mdiChevronLeft as g, mdiDragVertical as h, mdiChevronUp as i, mdiChevronDown as j, mdiRadioboxMarked as k, mdiRadioboxBlank as l, mdiAlert as m, mdiCloseCircle as n, mdiMenuDown as o, mdiPauseCircleOutline as p, mdiPlayCircleOutline as q, mdiArrowUp as r, mdiArrowDown as s, mdiImageBroken as t };
-//# sourceMappingURL=a521723d.js.map