@trackunit/react-components 0.1.56 → 0.1.58

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 (2) hide show
  1. package/index.js +2 -4
  2. package/package.json +6 -9
package/index.js CHANGED
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import React__default, { useState, forwardRef, useMemo, cloneElement, useCallback, useEffect, Children, useRef, memo, useContext } from 'react';
5
5
  import { HeroIconsArray, heroIconLookup, TrackunitSolidIconsArray, TrackunitOutlineIconsArray, trackunitIconLookup } from '@trackunit/ui-icons';
6
6
  import EChart from 'echarts-for-react';
7
- import { v4 } from 'uuid';
8
7
  import { useMeasure, useCopyToClipboard } from 'react-use';
9
8
  import { format, formatDistance } from 'date-fns';
10
9
  import { useFloating, offset, flip, size, shift, autoUpdate, useInteractions, useClick, useHover, useRole, useDismiss, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
@@ -833,7 +832,7 @@ const Checkbox = React.forwardRef((_a, ref) => {
833
832
  (_a = internalRef === null || internalRef === void 0 ? void 0 : internalRef.current) === null || _a === void 0 ? void 0 : _a.click();
834
833
  }
835
834
  };
836
- const uuid = rest.id ? rest.id : v4();
835
+ const uuid = rest.id || dataTestId;
837
836
  return (jsxs(CheckboxContainer, Object.assign({ "data-testid": dataTestId && `${dataTestId}Container`, htmlFor: uuid, className: className }, { children: [jsx(HiddenInput$1, Object.assign({ type: "checkbox", checked: !indeterminate && checked, onChange: onChange, disabled: disabled, "data-testid": dataTestId, readOnly: readOnly, "aria-checked": !indeterminate && checked, role: "checkbox", id: uuid }, rest, { ref: ref })), jsx(CheckboxWrapper, Object.assign({ id: uuid, "$disabled": isReadonly, "$checked": checked, "$indeterminate": indeterminate, "$isInvalid": isReadonly ? false : isInvalid, tabIndex: isReadonly ? -1 : tabIndex, onKeyPress: onKeyPress }, { children: icon })), label && (jsx(Label$2, Object.assign({ className: tws `cursor-pointer`, htmlFor: uuid, disabled: isReadonly, isInvalid: isReadonly ? false : isInvalid, dataTestId: dataTestId && `${dataTestId}-Label` }, { children: label }))), children] })));
838
837
  });
839
838
  const StyledCheckIcon = twx(CheckIcon) `tu-checkbox--icon`;
@@ -1939,8 +1938,7 @@ ${({ $inline }) => ($inline ? tws `tu-radiogroup--inline` : tws `tu-radiogroup`)
1939
1938
  const RadioItem = ({ label, value, dataTestId, className, description }) => {
1940
1939
  const groupCtx = React.useContext(RadioGroupContext);
1941
1940
  const isChecked = (groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.value) === value;
1942
- const uuid = v4();
1943
- return (jsxs(InputWrapper, Object.assign({ className: className, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${uuid}`, "data-testid": dataTestId && `${dataTestId}-Wrapper` }, { children: [jsx(Input, { id: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${uuid}`, type: "radio", value: value, checked: isChecked, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, "$isInvalid": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid, onChange: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.onChange, "data-testid": dataTestId, "$checked": isChecked }), jsxs(LabelContainer$1, { children: [jsx(Label$2, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${uuid}`, dataTestId: dataTestId && `${dataTestId}-Label`, disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, isInvalid: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid }, { children: label })), description && (jsx(Description$1, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${uuid}`, "data-testid": dataTestId && `${dataTestId}-Description`, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled }, { children: description })))] })] })));
1941
+ return (jsxs(InputWrapper, Object.assign({ className: className, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${label}`, "data-testid": dataTestId && `${dataTestId}-Wrapper` }, { children: [jsx(Input, { id: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${label}`, type: "radio", value: value, checked: isChecked, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, "$isInvalid": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid, onChange: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.onChange, "data-testid": dataTestId, "$checked": isChecked }), jsxs(LabelContainer$1, { children: [jsx(Label$2, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${label}`, dataTestId: dataTestId && `${dataTestId}-Label`, disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, isInvalid: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid }, { children: label })), description && (jsx(Description$1, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id} ${label}`, "data-testid": dataTestId && `${dataTestId}-Description`, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled }, { children: description })))] })] })));
1944
1942
  };
1945
1943
  const InputWrapper = tw.label `tu-radioitem__wrapper`;
1946
1944
  const Input = tw.input `
package/package.json CHANGED
@@ -1,29 +1,26 @@
1
1
  {
2
2
  "name": "@trackunit/react-components",
3
- "version": "0.1.56",
3
+ "version": "0.1.58",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "dependencies": {
7
- "@trackunit/css-core": "0.0.72",
8
- "@trackunit/tailwind-styled-components": "0.0.53",
7
+ "@trackunit/css-core": "0.0.73",
8
+ "@trackunit/tailwind-styled-components": "0.0.54",
9
9
  "react": "18.2.0",
10
- "@trackunit/ui-design-tokens": "0.0.59",
11
- "@trackunit/react-core-contexts-test": "0.1.29",
10
+ "@trackunit/ui-design-tokens": "0.0.60",
12
11
  "echarts": "5.4.0",
13
12
  "echarts-for-react": "3.0.2",
14
- "uuid": "8.3.2",
15
13
  "react-use": "17.4.0",
16
14
  "date-fns": "2.29.3",
17
15
  "react-day-picker": "8.3.7",
18
16
  "@floating-ui/react": "0.15.1",
19
- "@trackunit/ui-icons": "0.0.59",
17
+ "@trackunit/ui-icons": "0.0.60",
20
18
  "react-browser-hooks": "2.2.4",
21
19
  "react-useportal": "1.0.17",
22
20
  "react-router-dom": "6.4.5",
23
21
  "react-helmet-async": "1.3.0",
24
22
  "react-select": "5.7.0",
25
- "react-dom": "18.2.0",
26
- "jest-canvas-mock": "2.4.0"
23
+ "react-dom": "18.2.0"
27
24
  },
28
25
  "module": "./index.js",
29
26
  "main": "./index.js",