@lumx/react 3.0.2 → 3.0.3-alpha.1

package/esm/_internal/useRovingTabIndex.js

@@ -1,87 +0,0 @@
-import { e as _toConsumableArray } from './_rollupPluginBabelHelpers.js';
-import { useEffect } from 'react';
-
-var useRovingTabIndex = function useRovingTabIndex(_ref) {
-  var parentRef = _ref.parentRef,
-      elementSelector = _ref.elementSelector,
-      keepTabIndex = _ref.keepTabIndex,
-      onElementFocus = _ref.onElementFocus,
-      _ref$extraDependencie = _ref.extraDependencies,
-      extraDependencies = _ref$extraDependencie === void 0 ? [] : _ref$extraDependencie;
-  useEffect(function () {
-    var parent = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current;
-
-    if (!parent) {
-      return undefined;
-    }
-
-    var elements = parent.querySelectorAll(elementSelector);
-    var initialFocusableElement = parent === null || parent === void 0 ? void 0 : parent.querySelector("".concat(elementSelector, "[tabindex=\"0\"]"));
-
-    var handleKeyDown = function handleKeyDown(index) {
-      return function (evt) {
-        var newTabFocus = index;
-
-        if (!(evt.key === 'ArrowRight' || evt.key === 'ArrowLeft')) {
-          return;
-        }
-
-        if (evt.key === 'ArrowRight') {
-          // Move right
-          newTabFocus += 1; // If we're at the end, go to the start
-
-          if (newTabFocus >= elements.length) {
-            newTabFocus = 0;
-          }
-        } else if (evt.key === 'ArrowLeft') {
-          // Move left
-          newTabFocus -= 1;
-
-          if (newTabFocus < 0) {
-            // If we're at the start, move to the end
-            newTabFocus = elements.length - 1;
-          }
-        }
-
-        var newElement = elements[newTabFocus];
-        newElement === null || newElement === void 0 ? void 0 : newElement.focus(); // When an element is focused using roving tab index, trigger the onElementFocus callback
-
-        if (newElement && onElementFocus) {
-          onElementFocus(newElement);
-        }
-
-        if (keepTabIndex) {
-          evt.currentTarget.setAttribute('tabindex', '-1');
-          newElement === null || newElement === void 0 ? void 0 : newElement.setAttribute('tabindex', '0');
-        }
-      };
-    };
-
-    if ((elements === null || elements === void 0 ? void 0 : elements.length) > 0) {
-      elements.forEach(function (el, key) {
-        // if no element has tabindex set to 0, set the first element as focusable
-        if (!initialFocusableElement && key === 0) {
-          el.setAttribute('tabindex', '0'); // set all other to -1
-        } else if (initialFocusableElement !== el) {
-          el.setAttribute('tabindex', '-1');
-        } // add event listener
-
-
-        el.addEventListener('keydown', handleKeyDown(key));
-      });
-    } // Cleanup listeners
-
-
-    return function () {
-      if ((elements === null || elements === void 0 ? void 0 : elements.length) > 0) {
-        elements.forEach(function (el, key) {
-          el.removeEventListener('keydown', handleKeyDown(key));
-        });
-      }
-    };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [parentRef].concat(_toConsumableArray(extraDependencies)));
-};
-
-export { useRovingTabIndex as u };
-//# sourceMappingURL=useRovingTabIndex.js.map

package/esm/_internal/useRovingTabIndex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRovingTabIndex.js","sources":["../../../src/hooks/useRovingTabIndex.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\ninterface UseRovingTabIndexOptions {\n    parentRef: RefObject<HTMLElement>;\n    elementSelector: string;\n    keepTabIndex?: boolean;\n    /** Action to trigger when an element is focused using roving tab index */\n    onElementFocus?: (element: HTMLElement) => void;\n    /** List of values to be used as extra dependencies of the useEffect */\n    extraDependencies?: any[];\n}\n\nexport const useRovingTabIndex = ({\n    parentRef,\n    elementSelector,\n    keepTabIndex,\n    onElementFocus,\n    extraDependencies = [],\n}: UseRovingTabIndexOptions): void => {\n    useEffect(\n        () => {\n            const parent = parentRef?.current;\n            if (!parent) {\n                return undefined;\n            }\n\n            const elements = parent.querySelectorAll(elementSelector) as NodeListOf<HTMLElement>;\n            const initialFocusableElement = parent?.querySelector(`${elementSelector}[tabindex=\"0\"]`);\n\n            const handleKeyDown = (index: number) => (evt: KeyboardEvent) => {\n                let newTabFocus = index;\n                if (!(evt.key === 'ArrowRight' || evt.key === 'ArrowLeft')) {\n                    return;\n                }\n\n                if (evt.key === 'ArrowRight') {\n                    // Move right\n                    newTabFocus += 1;\n                    // If we're at the end, go to the start\n                    if (newTabFocus >= elements.length) {\n                        newTabFocus = 0;\n                    }\n                } else if (evt.key === 'ArrowLeft') {\n                    // Move left\n                    newTabFocus -= 1;\n                    if (newTabFocus < 0) {\n                        // If we're at the start, move to the end\n                        newTabFocus = elements.length - 1;\n                    }\n                }\n                const newElement = elements[newTabFocus];\n                newElement?.focus();\n\n                // When an element is focused using roving tab index, trigger the onElementFocus callback\n                if (newElement && onElementFocus) {\n                    onElementFocus(newElement);\n                }\n\n                if (keepTabIndex) {\n                    (evt.currentTarget as HTMLElement).setAttribute('tabindex', '-1');\n                    newElement?.setAttribute('tabindex', '0');\n                }\n            };\n\n            if (elements?.length > 0) {\n                elements.forEach((el, key) => {\n                    // if no element has tabindex set to 0, set the first element as focusable\n                    if (!initialFocusableElement && key === 0) {\n                        el.setAttribute('tabindex', '0');\n                        // set all other to -1\n                    } else if (initialFocusableElement !== el) {\n                        el.setAttribute('tabindex', '-1');\n                    }\n                    // add event listener\n                    el.addEventListener('keydown', handleKeyDown(key) as EventListener);\n                });\n            }\n\n            // Cleanup listeners\n            return () => {\n                if (elements?.length > 0) {\n                    elements.forEach((el, key) => {\n                        el.removeEventListener('keydown', handleKeyDown(key) as EventListener);\n                    });\n                }\n            };\n        }, // eslint-disable-next-line react-hooks/exhaustive-deps\n        [parentRef, ...extraDependencies],\n    );\n};\n"],"names":["useRovingTabIndex","parentRef","elementSelector","keepTabIndex","onElementFocus","extraDependencies","useEffect","parent","current","undefined","elements","querySelectorAll","initialFocusableElement","querySelector","handleKeyDown","index","evt","newTabFocus","key","length","newElement","focus","currentTarget","setAttribute","forEach","el","addEventListener","removeEventListener"],"mappings":";;;IAYaA,iBAAiB,GAAG,SAApBA,iBAAoB,OAMK;AAAA,MALlCC,SAKkC,QALlCA,SAKkC;AAAA,MAJlCC,eAIkC,QAJlCA,eAIkC;AAAA,MAHlCC,YAGkC,QAHlCA,YAGkC;AAAA,MAFlCC,cAEkC,QAFlCA,cAEkC;AAAA,mCADlCC,iBACkC;AAAA,MADlCA,iBACkC,sCADd,EACc;AAClCC,EAAAA,SAAS,CACL,YAAM;AACF,QAAMC,MAAM,GAAGN,SAAH,aAAGA,SAAH,uBAAGA,SAAS,CAAEO,OAA1B;;AACA,QAAI,CAACD,MAAL,EAAa;AACT,aAAOE,SAAP;AACH;;AAED,QAAMC,QAAQ,GAAGH,MAAM,CAACI,gBAAP,CAAwBT,eAAxB,CAAjB;AACA,QAAMU,uBAAuB,GAAGL,MAAH,aAAGA,MAAH,uBAAGA,MAAM,CAAEM,aAAR,WAAyBX,eAAzB,sBAAhC;;AAEA,QAAMY,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,aAAmB,UAACC,GAAD,EAAwB;AAC7D,YAAIC,WAAW,GAAGF,KAAlB;;AACA,YAAI,EAAEC,GAAG,CAACE,GAAJ,KAAY,YAAZ,IAA4BF,GAAG,CAACE,GAAJ,KAAY,WAA1C,CAAJ,EAA4D;AACxD;AACH;;AAED,YAAIF,GAAG,CAACE,GAAJ,KAAY,YAAhB,EAA8B;AAC1B;AACAD,UAAAA,WAAW,IAAI,CAAf,CAF0B;;AAI1B,cAAIA,WAAW,IAAIP,QAAQ,CAACS,MAA5B,EAAoC;AAChCF,YAAAA,WAAW,GAAG,CAAd;AACH;AACJ,SAPD,MAOO,IAAID,GAAG,CAACE,GAAJ,KAAY,WAAhB,EAA6B;AAChC;AACAD,UAAAA,WAAW,IAAI,CAAf;;AACA,cAAIA,WAAW,GAAG,CAAlB,EAAqB;AACjB;AACAA,YAAAA,WAAW,GAAGP,QAAQ,CAACS,MAAT,GAAkB,CAAhC;AACH;AACJ;;AACD,YAAMC,UAAU,GAAGV,QAAQ,CAACO,WAAD,CAA3B;AACAG,QAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEC,KAAZ,GAtB6D;;AAyB7D,YAAID,UAAU,IAAIhB,cAAlB,EAAkC;AAC9BA,UAAAA,cAAc,CAACgB,UAAD,CAAd;AACH;;AAED,YAAIjB,YAAJ,EAAkB;AACba,UAAAA,GAAG,CAACM,aAAL,CAAmCC,YAAnC,CAAgD,UAAhD,EAA4D,IAA5D;AACAH,UAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEG,YAAZ,CAAyB,UAAzB,EAAqC,GAArC;AACH;AACJ,OAjCqB;AAAA,KAAtB;;AAmCA,QAAI,CAAAb,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAES,MAAV,IAAmB,CAAvB,EAA0B;AACtBT,MAAAA,QAAQ,CAACc,OAAT,CAAiB,UAACC,EAAD,EAAKP,GAAL,EAAa;AAC1B;AACA,YAAI,CAACN,uBAAD,IAA4BM,GAAG,KAAK,CAAxC,EAA2C;AACvCO,UAAAA,EAAE,CAACF,YAAH,CAAgB,UAAhB,EAA4B,GAA5B,EADuC;AAG1C,SAHD,MAGO,IAAIX,uBAAuB,KAAKa,EAAhC,EAAoC;AACvCA,UAAAA,EAAE,CAACF,YAAH,CAAgB,UAAhB,EAA4B,IAA5B;AACH,SAPyB;;;AAS1BE,QAAAA,EAAE,CAACC,gBAAH,CAAoB,SAApB,EAA+BZ,aAAa,CAACI,GAAD,CAA5C;AACH,OAVD;AAWH,KAxDC;;;AA2DF,WAAO,YAAM;AACT,UAAI,CAAAR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAES,MAAV,IAAmB,CAAvB,EAA0B;AACtBT,QAAAA,QAAQ,CAACc,OAAT,CAAiB,UAACC,EAAD,EAAKP,GAAL,EAAa;AAC1BO,UAAAA,EAAE,CAACE,mBAAH,CAAuB,SAAvB,EAAkCb,aAAa,CAACI,GAAD,CAA/C;AACH,SAFD;AAGH;AACJ,KAND;AAOH,GAnEI;AAAA,GAoEJjB,SApEI,4BAoEUI,iBApEV,GAAT;AAsEH;;;;"}

package/esm/_internal/user-block.js

@@ -1,17 +0,0 @@
-import './_rollupPluginBabelHelpers.js';
-import './components.js';
-import 'react';
-import './getRootClassName.js';
-import './Icon2.js';
-import 'lodash/isBoolean';
-import 'lodash/isEmpty';
-import 'lodash/kebabCase';
-import 'lodash/noop';
-import './mergeRefs.js';
-import './Avatar2.js';
-import './renderLink.js';
-import './Link2.js';
-import './Thumbnail2.js';
-import 'lodash/set';
-export { U as UserBlock } from './UserBlock.js';
-//# sourceMappingURL=user-block.js.map

package/esm/_internal/user-block.js.map

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

package/esm/index.js

@@ -1,95 +0,0 @@
-import './_internal/_rollupPluginBabelHelpers.js';
-export { Alignment, AspectRatio, ColorPalette, ColorVariant, Emphasis, Kind, Orientation, Size, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom } from './_internal/components.js';
-import 'react';
-import './_internal/getRootClassName.js';
-export { I as Icon } from './_internal/Icon2.js';
-import './index2.js';
-import 'lodash/isBoolean';
-import 'lodash/isEmpty';
-import 'lodash/kebabCase';
-import 'lodash/noop';
-import './_internal/constants.js';
-import 'lodash/concat';
-import 'lodash/dropRight';
-import 'lodash/last';
-import 'lodash/partition';
-import 'lodash/reduce';
-import './_internal/partitionMulti.js';
-import 'lodash/get';
-import './_internal/type.js';
-export { A as AlertDialog } from './_internal/AlertDialog.js';
-export { P as Placement, a as Popover } from './_internal/Popover2.js';
-import './_internal/mergeRefs.js';
-export { A as Autocomplete, a as AutocompleteMultiple } from './_internal/AutocompleteMultiple.js';
-export { A as Avatar } from './_internal/Avatar2.js';
-export { B as Badge } from './_internal/Badge2.js';
-import './_internal/renderLink.js';
-import './_internal/ButtonRoot.js';
-export { a as Button, B as ButtonEmphasis } from './_internal/Button2.js';
-export { I as IconButton } from './_internal/IconButton.js';
-export { B as ButtonGroup } from './_internal/ButtonGroup.js';
-export { C as Checkbox } from './_internal/Checkbox2.js';
-import 'lodash/isFunction';
-export { C as Chip } from './_internal/Chip2.js';
-export { C as ChipGroup } from './_internal/ChipGroup.js';
-export { a as CommentBlock, C as CommentBlockVariant } from './_internal/CommentBlock.js';
-import 'moment';
-export { D as DatePicker, a as DatePickerControlled, b as DatePickerField } from './_internal/DatePickerField.js';
-import 'lodash/range';
-import 'moment-range';
-import './_internal/ClickAwayProvider.js';
-import 'lodash/pull';
-import './_internal/useFocusTrap.js';
-import 'react-dom';
-export { D as Dialog } from './_internal/Dialog2.js';
-import './_internal/useDelayedVisibility.js';
-import './_internal/useDisableBodyScroll.js';
-export { D as DEFAULT_PROPS, a as Divider } from './_internal/Divider2.js';
-export { D as DragHandle } from './_internal/DragHandle.js';
-export { L as List, a as ListItem, i as isClickable } from './_internal/List2.js';
-export { D as Dropdown } from './_internal/Dropdown2.js';
-export { E as ExpansionPanel } from './_internal/ExpansionPanel.js';
-export { F as Flag } from './_internal/Flag2.js';
-import 'lodash/castArray';
-export { F as FlexBox } from './_internal/FlexBox.js';
-export { G as GenericBlock } from './_internal/GenericBlock.js';
-export { T as Text } from './_internal/Text2.js';
-export { H as Heading, a as HeadingLevelProvider, u as useHeadingLevel } from './_internal/HeadingLevelProvider.js';
-export { G as Grid, a as GridItem } from './_internal/GridItem.js';
-import 'lodash/isObject';
-export { a as ImageBlock, I as ImageBlockCaptionPosition } from './_internal/ImageBlock.js';
-export { I as InputHelper } from './_internal/InputHelper.js';
-export { I as InputLabel } from './_internal/InputLabel.js';
-export { L as Lightbox } from './_internal/Lightbox2.js';
-export { L as Link } from './_internal/Link2.js';
-export { L as LinkPreview } from './_internal/LinkPreview.js';
-export { L as ListDivider, a as ListSubheader } from './_internal/ListSubheader.js';
-export { M as Message } from './_internal/Message2.js';
-import 'lodash/take';
-export { M as Mosaic } from './_internal/Mosaic2.js';
-export { N as Notification } from './_internal/Notification2.js';
-export { P as PostBlock } from './_internal/PostBlock.js';
-export { a as Progress, P as ProgressVariant } from './_internal/Progress2.js';
-import './_internal/state.js';
-export { a as ProgressTracker, P as ProgressTrackerProvider, b as ProgressTrackerStep, c as ProgressTrackerStepPanel } from './_internal/ProgressTrackerStepPanel.js';
-import './_internal/useRovingTabIndex.js';
-export { R as RadioButton, a as RadioGroup } from './_internal/RadioGroup.js';
-export { a as Select, c as SelectMultiple, b as SelectMultipleField, S as SelectVariant } from './_internal/SelectMultiple.js';
-export { S as SideNavigation, a as SideNavigationItem } from './_internal/SideNavigationItem.js';
-export { S as SkeletonCircle, b as SkeletonRectangle, a as SkeletonRectangleVariant, c as SkeletonTypography } from './_internal/SkeletonTypography.js';
-export { S as Slider, c as clamp } from './_internal/Slider2.js';
-export { c as Slides, S as Slideshow, b as SlideshowControls, a as SlideshowItem } from './_internal/Slides.js';
-import 'lodash/uniqueId';
-import 'lodash/chunk';
-export { S as Switch } from './_internal/Switch2.js';
-export { T as Table, a as TableBody, d as TableCell, c as TableCellVariant, e as TableHeader, f as TableRow, b as ThOrder } from './_internal/TableRow.js';
-export { c as Tab, b as TabList, a as TabListLayout, d as TabPanel, T as TabProvider } from './_internal/TabPanel.js';
-export { T as TextField } from './_internal/TextField.js';
-export { T as Thumbnail, u as useFocusPointStyle } from './_internal/Thumbnail2.js';
-export { T as ThumbnailAspectRatio, a as ThumbnailVariant } from './_internal/types.js';
-export { T as Toolbar } from './_internal/Toolbar2.js';
-export { T as Tooltip } from './_internal/Tooltip2.js';
-export { a as Uploader, U as UploaderVariant } from './_internal/Uploader2.js';
-import 'lodash/set';
-export { U as UserBlock } from './_internal/UserBlock.js';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/index2.js

@@ -1,16 +0,0 @@
-var IDX=256, HEX=[], SIZE=256, BUFFER;
-while (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);
-
-function uid(len) {
-	var i=0, tmp=(len || 11);
-	if (!BUFFER || ((IDX + tmp) > SIZE*2)) {
-		for (BUFFER='',IDX=0; i < SIZE; i++) {
-			BUFFER += HEX[Math.random() * 256 | 0];
-		}
-	}
-
-	return BUFFER.substring(IDX, IDX++ + tmp);
-}
-
-export { uid as u };
-//# sourceMappingURL=index2.js.map

package/esm/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":["../../../../node_modules/uid/dist/index.mjs"],"sourcesContent":["var IDX=256, HEX=[], SIZE=256, BUFFER;\nwhile (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);\n\nexport function uid(len) {\n\tvar i=0, tmp=(len || 11);\n\tif (!BUFFER || ((IDX + tmp) > SIZE*2)) {\n\t\tfor (BUFFER='',IDX=0; i < SIZE; i++) {\n\t\t\tBUFFER += HEX[Math.random() * 256 | 0];\n\t\t}\n\t}\n\n\treturn BUFFER.substring(IDX, IDX++ + tmp);\n}\n"],"names":[],"mappings":"AAAA,IAAI,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC;AACtC,OAAO,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAC/D;AACO,SAAS,GAAG,CAAC,GAAG,EAAE;AACzB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC;AAC1B,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE;AACxC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;AACvC,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE;AACF;AACA,CAAC,OAAO,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC;AAC3C;;;;"}

package/src/utils/index.tsx

@@ -1,7 +0,0 @@
-export * from '@lumx/core/js/utils';
-
-export * from './getRootClassName';
-
-export * from './partitionMulti';
-
-export * from './type';