@lumx/react 3.20.1-alpha.40 → 3.20.1-alpha.42

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.
Files changed (3) hide show
  1. package/index.js +23 -46
  2. package/index.js.map +1 -1
  3. package/package.json +3 -3
package/index.js CHANGED
@@ -4,6 +4,10 @@ export * from '@lumx/core/js/types';
4
4
  import * as React from 'react';
5
5
  import React__default, { useState, useEffect, useMemo, useRef, useCallback, Children, useLayoutEffect, cloneElement, createContext, isValidElement, useContext, useReducer } from 'react';
6
6
  import classNames from 'classnames';
7
+ import { mdiAlert } from '@lumx/icons/esm/alert';
8
+ import { mdiAlertCircle } from '@lumx/icons/esm/alert-circle';
9
+ import { mdiCheckCircle } from '@lumx/icons/esm/check-circle';
10
+ import { mdiInformation } from '@lumx/icons/esm/information';
7
11
  import { handleBasicClasses, getRootClassName, getBasicClass, getTypographyClassName, fontColorClass, resolveColorWithVariants } from '@lumx/core/js/utils/className';
8
12
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
9
13
  import { onEnterPressed, onEscapePressed, onButtonPressed, detectHorizontalSwipe } from '@lumx/core/js/utils';
@@ -16,66 +20,39 @@ import partition from 'lodash/partition';
16
20
  import reduce from 'lodash/reduce';
17
21
  import { u as useDisabledStateContext, P as Portal, C as ClickAwayProvider } from './_internal/Portal.js';
18
22
  import isEmpty from 'lodash/isEmpty';
23
+ import { mdiCloseCircle } from '@lumx/icons/esm/close-circle';
19
24
  import memoize from 'lodash/memoize';
25
+ import { mdiClose } from '@lumx/icons/esm/close';
20
26
  import isFunction from 'lodash/isFunction';
27
+ import { mdiImageBroken } from '@lumx/icons/esm/image-broken';
28
+ import { mdiCheck } from '@lumx/icons/esm/check';
29
+ import { mdiMinus } from '@lumx/icons/esm/minus';
30
+ import { mdiChevronLeft } from '@lumx/icons/esm/chevron-left';
31
+ import { mdiChevronRight } from '@lumx/icons/esm/chevron-right';
21
32
  import castArray from 'lodash/castArray';
33
+ import { mdiDragVertical } from '@lumx/icons/esm/drag-vertical';
34
+ import { mdiChevronDown } from '@lumx/icons/esm/chevron-down';
35
+ import { mdiChevronUp } from '@lumx/icons/esm/chevron-up';
22
36
  import pick from 'lodash/pick';
23
37
  import noop from 'lodash/noop';
24
38
  import isInteger from 'lodash/isInteger';
39
+ import { mdiMagnifyMinusOutline } from '@lumx/icons/esm/magnify-minus-outline';
40
+ import { mdiMagnifyPlusOutline } from '@lumx/icons/esm/magnify-plus-outline';
25
41
  import throttle from 'lodash/throttle';
26
42
  import range from 'lodash/range';
43
+ import { mdiPlayCircleOutline } from '@lumx/icons/esm/play-circle-outline';
44
+ import { mdiPauseCircleOutline } from '@lumx/icons/esm/pause-circle-outline';
27
45
  import chunk from 'lodash/chunk';
28
46
  import ReactDOM from 'react-dom';
29
47
  import take from 'lodash/take';
30
48
  import isObject from 'lodash/isObject';
49
+ import { mdiRadioboxBlank } from '@lumx/icons/esm/radiobox-blank';
50
+ import { mdiRadioboxMarked } from '@lumx/icons/esm/radiobox-marked';
51
+ import { mdiMenuDown } from '@lumx/icons/esm/menu-down';
52
+ import { mdiArrowDown } from '@lumx/icons/esm/arrow-down';
53
+ import { mdiArrowUp } from '@lumx/icons/esm/arrow-up';
31
54
  import set from 'lodash/set';
32
55
 
33
- const mdiAlert = 'M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z';
34
-
35
- const mdiAlertCircle = 'M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2';
36
-
37
- const mdiArrowDown = 'M11 4h2v12l5.5-5.5 1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5 11 16z';
38
-
39
- const mdiArrowUp = 'M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z';
40
-
41
- const mdiCheck = 'M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z';
42
-
43
- const mdiCheckCircle = 'M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z';
44
-
45
- const mdiChevronDown = 'M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z';
46
-
47
- const mdiChevronLeft = 'M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6z';
48
-
49
- const mdiChevronRight = 'M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z';
50
-
51
- const mdiChevronUp = 'M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z';
52
-
53
- const mdiClose = 'M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';
54
-
55
- const mdiCloseCircle = 'M12 2a10 10 0 1 1 0 20 10 10 0 1 1 0-20m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z';
56
-
57
- const mdiDragVertical = 'M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z';
58
-
59
- const mdiImageBroken = 'M19 3a2 2 0 0 1 2 2v6h-2v2h-2v2h-2v2h-2v2h-2v2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm2 12v4a2 2 0 0 1-2 2h-4v-2h2v-2h2v-2zm-2-6.5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5H11v-1h2v-2h2v-2h2V9h2z';
60
-
61
- const mdiInformation = 'M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2';
62
-
63
- const mdiMagnifyMinusOutline = 'M15.5 14h-.79l-.28-.27A6.5 6.5 0 0 0 16 9.5 6.5 6.5 0 0 0 9.5 3 6.5 6.5 0 0 0 3 9.5 6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5 1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14M7 9h5v1H7z';
64
-
65
- const mdiMagnifyPlusOutline = 'm15.5 14 5 5-1.5 1.5-5-5v-.79l-.27-.28A6.5 6.5 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3 6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.57 4.23l.28.27zm-6 0C12 14 14 12 14 9.5S12 5 9.5 5 5 7 5 9.5 7 14 9.5 14m2.5-4h-2v2H9v-2H7V9h2V7h1v2h2z';
66
-
67
- const mdiMenuDown = 'm7 10 5 5 5-5z';
68
-
69
- const mdiMinus = 'M19 13H5v-2h14z';
70
-
71
- const mdiPauseCircleOutline = 'M13 16V8h2v8zm-4 0V8h2v8zm3-14a10 10 0 0 1 10 10 10 10 0 0 1-10 10A10 10 0 0 1 2 12 10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8';
72
-
73
- const mdiPlayCircleOutline = 'M12 20a8.01 8.01 0 0 1 0-16 8.01 8.01 0 0 1 0 16m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m-2 14.5 6-4.5-6-4.5z';
74
-
75
- const mdiRadioboxBlank = 'M12 20a8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8 8 8 0 0 1-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2';
76
-
77
- const mdiRadioboxMarked = 'M12 20a8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8 8 8 0 0 1-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 5a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5';
78
-
79
56
  let i = 0;
80
57
 
81
58
  /**