@lumx/react 3.20.1-alpha.28 → 3.20.1-alpha.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +14033 -63
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/utils/index.js +158 -3
- package/utils/index.js.map +1 -1
- package/_internal/Button-5a87fee9.js +0 -97
- package/_internal/Button-5a87fee9.js.map +0 -1
- package/_internal/ButtonRoot-bf682215.js +0 -117
- package/_internal/ButtonRoot-bf682215.js.map +0 -1
- package/_internal/Chip-8d0aae06.js +0 -143
- package/_internal/Chip-8d0aae06.js.map +0 -1
- package/_internal/ClickAwayProvider-1204f237.js +0 -95
- package/_internal/ClickAwayProvider-1204f237.js.map +0 -1
- package/_internal/DisabledStateContext-ea04260d.js +0 -29
- package/_internal/DisabledStateContext-ea04260d.js.map +0 -1
- package/_internal/HeadingLevelProvider-ebdcb0c7.js +0 -61
- package/_internal/HeadingLevelProvider-ebdcb0c7.js.map +0 -1
- package/_internal/IconButton-351389b0.js +0 -77
- package/_internal/IconButton-351389b0.js.map +0 -1
- package/_internal/ImageCaption-4109b433.js +0 -75
- package/_internal/ImageCaption-4109b433.js.map +0 -1
- package/_internal/List-b7882a99.js +0 -817
- package/_internal/List-b7882a99.js.map +0 -1
- package/_internal/PopoverDialog-2e7b9ed5.js +0 -655
- package/_internal/PopoverDialog-2e7b9ed5.js.map +0 -1
- package/_internal/Portal-3f86608e.js +0 -45
- package/_internal/Portal-3f86608e.js.map +0 -1
- package/_internal/RawClickable-2c2b6a89.js +0 -52
- package/_internal/RawClickable-2c2b6a89.js.map +0 -1
- package/_internal/Slides-83646e84.js +0 -679
- package/_internal/Slides-83646e84.js.map +0 -1
- package/_internal/ThemeContext-3181f000.js +0 -14
- package/_internal/ThemeContext-3181f000.js.map +0 -1
- package/_internal/Thumbnail-741501a5.js +0 -314
- package/_internal/Thumbnail-741501a5.js.map +0 -1
- package/_internal/check-circle-de24f857.js +0 -4
- package/_internal/check-circle-de24f857.js.map +0 -1
- package/_internal/chevron-right-827b804a.js +0 -6
- package/_internal/chevron-right-827b804a.js.map +0 -1
- package/_internal/chevron-up-0b9c76cb.js +0 -6
- package/_internal/chevron-up-0b9c76cb.js.map +0 -1
- package/_internal/close-circle-ef5d1aac.js +0 -4
- package/_internal/close-circle-ef5d1aac.js.map +0 -1
- package/_internal/close-eaf6c45a.js +0 -4
- package/_internal/close-eaf6c45a.js.map +0 -1
- package/_internal/components/alert-dialog-5df4f133.js +0 -163
- package/_internal/components/alert-dialog-5df4f133.js.map +0 -1
- package/_internal/components/autocomplete-824c779e.js +0 -261
- package/_internal/components/autocomplete-824c779e.js.map +0 -1
- package/_internal/components/avatar-69b66f01.js +0 -83
- package/_internal/components/avatar-69b66f01.js.map +0 -1
- package/_internal/components/badge-63cd3b1c.js +0 -81
- package/_internal/components/badge-63cd3b1c.js.map +0 -1
- package/_internal/components/button-eebd4e00.js +0 -47
- package/_internal/components/button-eebd4e00.js.map +0 -1
- package/_internal/components/checkbox-54943a02.js +0 -143
- package/_internal/components/checkbox-54943a02.js.map +0 -1
- package/_internal/components/chip-9ad6b318.js +0 -102
- package/_internal/components/chip-9ad6b318.js.map +0 -1
- package/_internal/components/comment-block-55a4ab3c.js +0 -138
- package/_internal/components/comment-block-55a4ab3c.js.map +0 -1
- package/_internal/components/date-picker-a824a3ae.js +0 -2
- package/_internal/components/date-picker-a824a3ae.js.map +0 -1
- package/_internal/components/dialog-5e6320b8.js +0 -238
- package/_internal/components/dialog-5e6320b8.js.map +0 -1
- package/_internal/components/divider-bdf11ba3.js +0 -50
- package/_internal/components/divider-bdf11ba3.js.map +0 -1
- package/_internal/components/drag-handle-45912fd3.js +0 -52
- package/_internal/components/drag-handle-45912fd3.js.map +0 -1
- package/_internal/components/dropdown-0216211d.js +0 -147
- package/_internal/components/dropdown-0216211d.js.map +0 -1
- package/_internal/components/expansion-panel-3ce73c6b.js +0 -167
- package/_internal/components/expansion-panel-3ce73c6b.js.map +0 -1
- package/_internal/components/flag-1b177f78.js +0 -59
- package/_internal/components/flag-1b177f78.js.map +0 -1
- package/_internal/components/flex-box-93b97715.js +0 -56
- package/_internal/components/flex-box-93b97715.js.map +0 -1
- package/_internal/components/generic-block-925f7c5b.js +0 -128
- package/_internal/components/generic-block-925f7c5b.js.map +0 -1
- package/_internal/components/grid-95fd1493.js +0 -104
- package/_internal/components/grid-95fd1493.js.map +0 -1
- package/_internal/components/grid-column-43f28cfb.js +0 -58
- package/_internal/components/grid-column-43f28cfb.js.map +0 -1
- package/_internal/components/heading-45d6e78e.js +0 -53
- package/_internal/components/heading-45d6e78e.js.map +0 -1
- package/_internal/components/icon-79195151.js +0 -2
- package/_internal/components/icon-79195151.js.map +0 -1
- package/_internal/components/image-block-aba6d2db.js +0 -110
- package/_internal/components/image-block-aba6d2db.js.map +0 -1
- package/_internal/components/image-lightbox-8b8e77c2.js +0 -759
- package/_internal/components/image-lightbox-8b8e77c2.js.map +0 -1
- package/_internal/components/inline-list-dfb9fd34.js +0 -74
- package/_internal/components/inline-list-dfb9fd34.js.map +0 -1
- package/_internal/components/input-helper-c8a0078b.js +0 -71
- package/_internal/components/input-helper-c8a0078b.js.map +0 -1
- package/_internal/components/input-label-9711398b.js +0 -59
- package/_internal/components/input-label-9711398b.js.map +0 -1
- package/_internal/components/lightbox-894abe64.js +0 -155
- package/_internal/components/lightbox-894abe64.js.map +0 -1
- package/_internal/components/link-e70e64ed.js +0 -72
- package/_internal/components/link-e70e64ed.js.map +0 -1
- package/_internal/components/link-preview-e56f3570.js +0 -117
- package/_internal/components/link-preview-e56f3570.js.map +0 -1
- package/_internal/components/list-59b7ce56.js +0 -71
- package/_internal/components/list-59b7ce56.js.map +0 -1
- package/_internal/components/message-a255dfd3.js +0 -98
- package/_internal/components/message-a255dfd3.js.map +0 -1
- package/_internal/components/mosaic-192f2270.js +0 -94
- package/_internal/components/mosaic-192f2270.js.map +0 -1
- package/_internal/components/navigation-dfe8aac0.js +0 -225
- package/_internal/components/navigation-dfe8aac0.js.map +0 -1
- package/_internal/components/notification-10f289b5.js +0 -143
- package/_internal/components/notification-10f289b5.js.map +0 -1
- package/_internal/components/popover-6c7f745b.js +0 -3
- package/_internal/components/popover-6c7f745b.js.map +0 -1
- package/_internal/components/post-block-f7dcc6e9.js +0 -109
- package/_internal/components/post-block-f7dcc6e9.js.map +0 -1
- package/_internal/components/progress-7a05fb0c.js +0 -182
- package/_internal/components/progress-7a05fb0c.js.map +0 -1
- package/_internal/components/progress-tracker-48876add.js +0 -309
- package/_internal/components/progress-tracker-48876add.js.map +0 -1
- package/_internal/components/radio-button-07cf45e9.js +0 -149
- package/_internal/components/radio-button-07cf45e9.js.map +0 -1
- package/_internal/components/select-8b54a444.js +0 -457
- package/_internal/components/select-8b54a444.js.map +0 -1
- package/_internal/components/side-navigation-7eeed3b4.js +0 -164
- package/_internal/components/side-navigation-7eeed3b4.js.map +0 -1
- package/_internal/components/skeleton-a4e84085.js +0 -166
- package/_internal/components/skeleton-a4e84085.js.map +0 -1
- package/_internal/components/slider-5d64b470.js +0 -311
- package/_internal/components/slider-5d64b470.js.map +0 -1
- package/_internal/components/slideshow-bce65cf6.js +0 -151
- package/_internal/components/slideshow-bce65cf6.js.map +0 -1
- package/_internal/components/switch-7ae55d89.js +0 -121
- package/_internal/components/switch-7ae55d89.js.map +0 -1
- package/_internal/components/table-5bdf4aec.js +0 -297
- package/_internal/components/table-5bdf4aec.js.map +0 -1
- package/_internal/components/tabs-2ad54592.js +0 -298
- package/_internal/components/tabs-2ad54592.js.map +0 -1
- package/_internal/components/text-09c81111.js +0 -2
- package/_internal/components/text-09c81111.js.map +0 -1
- package/_internal/components/text-field-3e1030f0.js +0 -359
- package/_internal/components/text-field-3e1030f0.js.map +0 -1
- package/_internal/components/thumbnail-1c5828b9.js +0 -42
- package/_internal/components/thumbnail-1c5828b9.js.map +0 -1
- package/_internal/components/toolbar-0d14efb7.js +0 -61
- package/_internal/components/toolbar-0d14efb7.js.map +0 -1
- package/_internal/components/tooltip-31181a24.js +0 -327
- package/_internal/components/tooltip-31181a24.js.map +0 -1
- package/_internal/components/uploader-845b2412.js +0 -153
- package/_internal/components/uploader-845b2412.js.map +0 -1
- package/_internal/components/user-block-91c30797.js +0 -144
- package/_internal/components/user-block-91c30797.js.map +0 -1
- package/_internal/constants-9b714e31.js +0 -2167
- package/_internal/constants-9b714e31.js.map +0 -1
- package/_internal/constants-d0e3f49e.js +0 -24
- package/_internal/constants-d0e3f49e.js.map +0 -1
- package/_internal/context-9d1336a1.js +0 -19
- package/_internal/context-9d1336a1.js.map +0 -1
- package/_internal/forwardRef-d0e90329.js +0 -82
- package/_internal/forwardRef-d0e90329.js.map +0 -1
- package/_internal/getFocusableElements-230173a8.js +0 -13
- package/_internal/getFocusableElements-230173a8.js.map +0 -1
- package/_internal/index-68e1b0af.js +0 -436
- package/_internal/index-68e1b0af.js.map +0 -1
- package/_internal/index-745f94ee.js +0 -103
- package/_internal/index-745f94ee.js.map +0 -1
- package/_internal/index-ab520e78.js +0 -117
- package/_internal/index-ab520e78.js.map +0 -1
- package/_internal/information-49bbeed3.js +0 -6
- package/_internal/information-49bbeed3.js.map +0 -1
- package/_internal/isComponent-b9762ff1.js +0 -18
- package/_internal/isComponent-b9762ff1.js.map +0 -1
- package/_internal/isComponentType-e806b848.js +0 -9
- package/_internal/isComponentType-e806b848.js.map +0 -1
- package/_internal/mergeRefs-f0d7d6ea.js +0 -30
- package/_internal/mergeRefs-f0d7d6ea.js.map +0 -1
- package/_internal/state-db358714.js +0 -130
- package/_internal/state-db358714.js.map +0 -1
- package/_internal/useBooleanState-2a3d237c.js +0 -12
- package/_internal/useBooleanState-2a3d237c.js.map +0 -1
- package/_internal/useCallbackOnEscape-0b220f9c.js +0 -62
- package/_internal/useCallbackOnEscape-0b220f9c.js.map +0 -1
- package/_internal/useDisableBodyScroll-36bd7352.js +0 -219
- package/_internal/useDisableBodyScroll-36bd7352.js.map +0 -1
- package/_internal/useDisableStateProps-69e16b7c.js +0 -36
- package/_internal/useDisableStateProps-69e16b7c.js.map +0 -1
- package/_internal/useFocusTrap-3114e5e8.js +0 -112
- package/_internal/useFocusTrap-3114e5e8.js.map +0 -1
- package/_internal/useId-3a1facc0.js +0 -18
- package/_internal/useId-3a1facc0.js.map +0 -1
- package/_internal/useRovingTabIndex-7daf0f24.js +0 -77
- package/_internal/useRovingTabIndex-7daf0f24.js.map +0 -1
- package/_internal/useTransitionVisibility-321fdbfa.js +0 -50
- package/_internal/useTransitionVisibility-321fdbfa.js.map +0 -1
- package/_internal/wrapChildrenIconWithSpaces-e6038f72.js +0 -20
- package/_internal/wrapChildrenIconWithSpaces-e6038f72.js.map +0 -1
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { f as forwardRef, c as classNames } from '../forwardRef-d0e90329.js';
|
|
2
|
-
import { getRootClassName } from '@lumx/core/js/utils/className';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Component display name.
|
|
7
|
-
*/
|
|
8
|
-
const COMPONENT_NAME = 'GridColumn';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Component default class name and class prefix.
|
|
12
|
-
*/
|
|
13
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Component default props.
|
|
17
|
-
*/
|
|
18
|
-
const DEFAULT_PROPS = {};
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* The GridColumn is a layout component that can display children in a grid
|
|
22
|
-
* with custom display properties. It also comes with a responsive design,
|
|
23
|
-
* with a number of column that reduce when there is not enough space for each item.
|
|
24
|
-
*
|
|
25
|
-
* @param props Component props.
|
|
26
|
-
* @param ref Component ref.
|
|
27
|
-
* @return React element.
|
|
28
|
-
*/
|
|
29
|
-
const GridColumn = forwardRef((props, ref) => {
|
|
30
|
-
const {
|
|
31
|
-
as: Component = 'div',
|
|
32
|
-
gap,
|
|
33
|
-
maxColumns,
|
|
34
|
-
itemMinWidth,
|
|
35
|
-
children,
|
|
36
|
-
className,
|
|
37
|
-
style = {},
|
|
38
|
-
...forwardedProps
|
|
39
|
-
} = props;
|
|
40
|
-
return /*#__PURE__*/jsx(Component, {
|
|
41
|
-
...forwardedProps,
|
|
42
|
-
ref: ref,
|
|
43
|
-
className: classNames(className, CLASSNAME),
|
|
44
|
-
style: {
|
|
45
|
-
...style,
|
|
46
|
-
['--lumx-grid-column-item-min-width']: Number.isInteger(itemMinWidth) && `${itemMinWidth}px`,
|
|
47
|
-
['--lumx-grid-column-columns']: maxColumns,
|
|
48
|
-
['--lumx-grid-column-gap']: gap && `var(--lumx-spacing-unit-${gap})`
|
|
49
|
-
},
|
|
50
|
-
children: children
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
GridColumn.displayName = COMPONENT_NAME;
|
|
54
|
-
GridColumn.className = CLASSNAME;
|
|
55
|
-
GridColumn.defaultProps = DEFAULT_PROPS;
|
|
56
|
-
|
|
57
|
-
export { GridColumn };
|
|
58
|
-
//# sourceMappingURL=grid-column-43f28cfb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"grid-column-43f28cfb.js","sources":["../../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridColumnProps extends GenericProps {\n /** Customize the root element. */\n as?: React.ElementType;\n /** Children elements. */\n children?: ReactNode;\n /** Space between columns and rows. */\n gap?: GridColumnGapSize;\n /** Ideal number of columns. */\n maxColumns?: number;\n /** Minimum width for each item, reduce the number of column if there is not enough space. */\n itemMinWidth?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridColumn';\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<GridColumnProps> = {};\n\n/**\n * The GridColumn is a layout component that can display children in a grid\n * with custom display properties. It also comes with a responsive design,\n * with a number of column that reduce when there is not enough space for each item.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const GridColumn = forwardRef<GridColumnProps>((props, ref): ReactElement => {\n const {\n as: Component = 'div',\n gap,\n maxColumns,\n itemMinWidth,\n children,\n className,\n style = {},\n ...forwardedProps\n } = props;\n\n return (\n <Component\n {...forwardedProps}\n ref={ref as React.Ref<any>}\n className={classNames(className, CLASSNAME)}\n style={{\n ...style,\n ['--lumx-grid-column-item-min-width' as any]: Number.isInteger(itemMinWidth) && `${itemMinWidth}px`,\n ['--lumx-grid-column-columns' as any]: maxColumns,\n ['--lumx-grid-column-gap' as any]: gap && `var(--lumx-spacing-unit-${gap})`,\n }}\n >\n {children}\n </Component>\n );\n});\nGridColumn.displayName = COMPONENT_NAME;\nGridColumn.className = CLASSNAME;\nGridColumn.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","GridColumn","forwardRef","props","ref","as","Component","gap","maxColumns","itemMinWidth","children","className","style","forwardedProps","_jsx","classNames","Number","isInteger","displayName","defaultProps"],"mappings":";;;;AA2BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAmB;EAChF,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,EAAE;IACV,GAAGC,cAAAA;AACP,GAAC,GAAGV,KAAK,CAAA;EAET,oBACIW,GAAA,CAACR,SAAS,EAAA;AAAA,IAAA,GACFO,cAAc;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEb,SAAS,CAAE;AAC5Cc,IAAAA,KAAK,EAAE;AACH,MAAA,GAAGA,KAAK;MACR,CAAC,mCAAmC,GAAUI,MAAM,CAACC,SAAS,CAACR,YAAY,CAAC,IAAI,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA;MACnG,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAI,2BAA2BA,GAAG,CAAA,CAAA,CAAA;KAC1E;AAAAG,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACiB,WAAW,GAAGrB,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACkB,YAAY,GAAGnB,aAAa;;;;"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { f as forwardRef, c as classNames } from '../forwardRef-d0e90329.js';
|
|
2
|
-
import { getRootClassName } from '@lumx/core/js/utils/className';
|
|
3
|
-
import { u as useHeadingLevel, D as DEFAULT_TYPOGRAPHY_BY_LEVEL } from '../HeadingLevelProvider-ebdcb0c7.js';
|
|
4
|
-
export { H as HeadingLevelProvider } from '../HeadingLevelProvider-ebdcb0c7.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
import { T as Text } from '../index-ab520e78.js';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Component display name.
|
|
10
|
-
*/
|
|
11
|
-
const COMPONENT_NAME = 'Heading';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Component default class name and class prefix.
|
|
15
|
-
*/
|
|
16
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Component default props.
|
|
20
|
-
*/
|
|
21
|
-
const DEFAULT_PROPS = {};
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Renders a heading component.
|
|
25
|
-
* Extends the `Text` Component with the heading level automatically computed based on
|
|
26
|
-
* the current level provided by the context.
|
|
27
|
-
*/
|
|
28
|
-
const Heading = forwardRef((props, ref) => {
|
|
29
|
-
const {
|
|
30
|
-
children,
|
|
31
|
-
as,
|
|
32
|
-
className,
|
|
33
|
-
...forwardedProps
|
|
34
|
-
} = props;
|
|
35
|
-
const {
|
|
36
|
-
headingElement
|
|
37
|
-
} = useHeadingLevel();
|
|
38
|
-
const computedHeadingElement = as || headingElement;
|
|
39
|
-
return /*#__PURE__*/jsx(Text, {
|
|
40
|
-
ref: ref,
|
|
41
|
-
className: classNames(className, CLASSNAME),
|
|
42
|
-
as: computedHeadingElement,
|
|
43
|
-
typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement],
|
|
44
|
-
...forwardedProps,
|
|
45
|
-
children: children
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
Heading.displayName = COMPONENT_NAME;
|
|
49
|
-
Heading.className = CLASSNAME;
|
|
50
|
-
Heading.defaultProps = DEFAULT_PROPS;
|
|
51
|
-
|
|
52
|
-
export { Heading, useHeadingLevel };
|
|
53
|
-
//# sourceMappingURL=heading-45d6e78e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"heading-45d6e78e.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { HeadingElement } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { Text, TextProps } from '../text';\nimport { DEFAULT_TYPOGRAPHY_BY_LEVEL } from './constants';\nimport { useHeadingLevel } from './useHeadingLevel';\n\n/**\n * Defines the props of the component.\n */\nexport interface HeadingProps extends Partial<TextProps> {\n /**\n * Display a specific heading level instead of the one provided by parent context provider.\n */\n as?: HeadingElement;\n /**\n * Children\n */\n children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Heading';\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 = {} as const;\n\n/**\n * Renders a heading component.\n * Extends the `Text` Component with the heading level automatically computed based on\n * the current level provided by the context.\n */\nexport const Heading = forwardRef<HeadingProps>((props, ref) => {\n const { children, as, className, ...forwardedProps } = props;\n const { headingElement } = useHeadingLevel();\n\n const computedHeadingElement = as || headingElement;\n return (\n <Text\n ref={ref}\n className={classNames(className, CLASSNAME)}\n as={computedHeadingElement}\n typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]}\n {...forwardedProps}\n >\n {children}\n </Text>\n );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","headingElement","useHeadingLevel","computedHeadingElement","_jsx","Text","classNames","typography","DEFAULT_TYPOGRAPHY_BY_LEVEL","displayName","defaultProps"],"mappings":";;;;;;;AAwBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAa,GAAG,EAAW,CAAA;;AAEjC;AACA;AACA;AACA;AACA;AACO,MAAMC,OAAO,GAAGC,UAAU,CAAe,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;EAC5D,MAAM;AAAEM,IAAAA,cAAAA;GAAgB,GAAGC,eAAe,EAAE,CAAA;AAE5C,EAAA,MAAMC,sBAAsB,GAAGL,EAAE,IAAIG,cAAc,CAAA;EACnD,oBACIG,GAAA,CAACC,IAAI,EAAA;AACDT,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAET,SAAS,CAAE;AAC5CQ,IAAAA,EAAE,EAAEK,sBAAuB;AAC3BI,IAAAA,UAAU,EAAEC,2BAA2B,CAACL,sBAAsB,CAAE;AAAA,IAAA,GAC5DH,cAAc;AAAAH,IAAAA,QAAA,EAEjBA,QAAAA;AAAQ,GACP,CAAC,CAAA;AAEf,CAAC,EAAC;AAEFJ,OAAO,CAACgB,WAAW,GAAGpB,cAAc,CAAA;AACpCI,OAAO,CAACM,SAAS,GAAGT,SAAS,CAAA;AAC7BG,OAAO,CAACiB,YAAY,GAAGlB,aAAa;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-79195151.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { f as forwardRef, c as classNames } from '../forwardRef-d0e90329.js';
|
|
2
|
-
import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
|
|
3
|
-
import { u as useTheme } from '../ThemeContext-3181f000.js';
|
|
4
|
-
import { I as ImageCaption } from '../ImageCaption-4109b433.js';
|
|
5
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
-
import { Alignment, Theme } from '@lumx/core/js/constants';
|
|
7
|
-
import { T as Thumbnail } from '../Thumbnail-741501a5.js';
|
|
8
|
-
|
|
9
|
-
const ImageBlockCaptionPosition = {
|
|
10
|
-
below: 'below',
|
|
11
|
-
over: 'over'
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Image block sizes.
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Defines the props of the component.
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Component display name.
|
|
24
|
-
*/
|
|
25
|
-
const COMPONENT_NAME = 'ImageBlock';
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Component default class name and class prefix.
|
|
29
|
-
*/
|
|
30
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Component default props.
|
|
34
|
-
*/
|
|
35
|
-
const DEFAULT_PROPS = {
|
|
36
|
-
captionPosition: ImageBlockCaptionPosition.below,
|
|
37
|
-
align: Alignment.left
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* ImageBlock component.
|
|
42
|
-
*
|
|
43
|
-
* @param props Component props.
|
|
44
|
-
* @param ref Component ref.
|
|
45
|
-
* @return React element.
|
|
46
|
-
*/
|
|
47
|
-
const ImageBlock = forwardRef((props, ref) => {
|
|
48
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
49
|
-
const {
|
|
50
|
-
actions,
|
|
51
|
-
align = DEFAULT_PROPS.align,
|
|
52
|
-
alt,
|
|
53
|
-
captionPosition = DEFAULT_PROPS.captionPosition,
|
|
54
|
-
captionStyle,
|
|
55
|
-
className,
|
|
56
|
-
description,
|
|
57
|
-
descriptionProps,
|
|
58
|
-
fillHeight,
|
|
59
|
-
image,
|
|
60
|
-
size,
|
|
61
|
-
tags,
|
|
62
|
-
theme = defaultTheme,
|
|
63
|
-
thumbnailProps,
|
|
64
|
-
title,
|
|
65
|
-
titleProps,
|
|
66
|
-
...forwardedProps
|
|
67
|
-
} = props;
|
|
68
|
-
return /*#__PURE__*/jsxs("figure", {
|
|
69
|
-
ref: ref,
|
|
70
|
-
...forwardedProps,
|
|
71
|
-
className: classNames(className, handleBasicClasses({
|
|
72
|
-
prefix: CLASSNAME,
|
|
73
|
-
captionPosition,
|
|
74
|
-
align,
|
|
75
|
-
size,
|
|
76
|
-
theme
|
|
77
|
-
}), fillHeight && `${CLASSNAME}--fill-height`),
|
|
78
|
-
children: [/*#__PURE__*/jsx(Thumbnail, {
|
|
79
|
-
...thumbnailProps,
|
|
80
|
-
className: classNames(`${CLASSNAME}__image`, thumbnailProps?.className),
|
|
81
|
-
fillHeight: fillHeight,
|
|
82
|
-
align: align,
|
|
83
|
-
image: image,
|
|
84
|
-
size: size,
|
|
85
|
-
theme: theme,
|
|
86
|
-
alt: alt || title
|
|
87
|
-
}), /*#__PURE__*/jsx(ImageCaption, {
|
|
88
|
-
as: "figcaption",
|
|
89
|
-
baseClassName: CLASSNAME,
|
|
90
|
-
theme: theme,
|
|
91
|
-
title: title,
|
|
92
|
-
titleProps: titleProps,
|
|
93
|
-
description: description,
|
|
94
|
-
descriptionProps: descriptionProps,
|
|
95
|
-
tags: tags,
|
|
96
|
-
captionStyle: captionStyle,
|
|
97
|
-
align: align,
|
|
98
|
-
truncate: captionPosition === 'over'
|
|
99
|
-
}), actions && /*#__PURE__*/jsx("div", {
|
|
100
|
-
className: `${CLASSNAME}__actions`,
|
|
101
|
-
children: actions
|
|
102
|
-
})]
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
|
-
ImageBlock.displayName = COMPONENT_NAME;
|
|
106
|
-
ImageBlock.className = CLASSNAME;
|
|
107
|
-
ImageBlock.defaultProps = DEFAULT_PROPS;
|
|
108
|
-
|
|
109
|
-
export { ImageBlock, ImageBlockCaptionPosition };
|
|
110
|
-
//# sourceMappingURL=image-block-aba6d2db.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"image-block-aba6d2db.js","sources":["../../../src/components/image-block/ImageBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, HorizontalAlignment, Size, Theme, Thumbnail } from '@lumx/react';\n\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { ThumbnailProps } from '../thumbnail/Thumbnail';\nimport { ImageCaption, ImageCaptionMetadata } from './ImageCaption';\n\n/**\n * Image block variants.\n */\nexport const ImageBlockCaptionPosition = {\n below: 'below',\n over: 'over',\n} as const;\nexport type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;\n\n/**\n * Image block sizes.\n */\nexport type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {\n /** Action toolbar content. */\n actions?: ReactNode;\n /** Alignment. */\n align?: HorizontalAlignment;\n /** Image alternative text. */\n alt: string;\n /** Caption position. */\n captionPosition?: ImageBlockCaptionPosition;\n /** Whether the image has to fill its container height or not. */\n fillHeight?: boolean;\n /** Image URL. */\n image: string;\n /** Size variant. */\n size?: ImageBlockSize;\n /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */\n thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ImageBlock';\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<ImageBlockProps> = {\n captionPosition: ImageBlockCaptionPosition.below,\n align: Alignment.left,\n};\n\n/**\n * ImageBlock component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ImageBlock = forwardRef<ImageBlockProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const {\n actions,\n align = DEFAULT_PROPS.align,\n alt,\n captionPosition = DEFAULT_PROPS.captionPosition,\n captionStyle,\n className,\n description,\n descriptionProps,\n fillHeight,\n image,\n size,\n tags,\n theme = defaultTheme,\n thumbnailProps,\n title,\n titleProps,\n ...forwardedProps\n } = props;\n return (\n <figure\n ref={ref}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n captionPosition,\n align,\n size,\n theme,\n }),\n fillHeight && `${CLASSNAME}--fill-height`,\n )}\n >\n <Thumbnail\n {...thumbnailProps}\n className={classNames(`${CLASSNAME}__image`, thumbnailProps?.className)}\n fillHeight={fillHeight}\n align={align}\n image={image}\n size={size}\n theme={theme}\n alt={(alt || title) as string}\n />\n <ImageCaption\n as=\"figcaption\"\n baseClassName={CLASSNAME}\n theme={theme}\n title={title}\n titleProps={titleProps}\n description={description}\n descriptionProps={descriptionProps}\n tags={tags}\n captionStyle={captionStyle}\n align={align}\n truncate={captionPosition === 'over'}\n />\n {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n </figure>\n );\n});\nImageBlock.displayName = COMPONENT_NAME;\nImageBlock.className = CLASSNAME;\nImageBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["ImageBlockCaptionPosition","below","over","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","captionPosition","align","Alignment","left","ImageBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","alt","captionStyle","className","description","descriptionProps","fillHeight","image","size","tags","theme","thumbnailProps","title","titleProps","forwardedProps","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","Thumbnail","ImageCaption","as","baseClassName","truncate","displayName","defaultProps"],"mappings":"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"}
|