@tecsinapse/cortex-react 1.13.0 → 1.13.1-beta.0

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 (71) hide show
  1. package/dist/cjs/components/DatePicker/DatePickerInput.js +2 -1
  2. package/dist/cjs/components/DatePicker/DateRangePickerInput.js +2 -1
  3. package/dist/cjs/components/ScrollableDigitSelector.js +57 -0
  4. package/dist/cjs/components/Select/CustomMultiOption.js +38 -0
  5. package/dist/cjs/components/Select/CustomOption.js +31 -0
  6. package/dist/cjs/components/Select/MultiCheckAllOptions.js +1 -1
  7. package/dist/cjs/components/Select/MultiGroupedOptions.js +2 -8
  8. package/dist/cjs/components/Select/MultiOption.js +3 -12
  9. package/dist/cjs/components/Select/MultiOptions.js +2 -3
  10. package/dist/cjs/components/Select/Options.js +15 -10
  11. package/dist/cjs/components/Select/index.js +5 -1
  12. package/dist/cjs/components/Select/useMultiSelectOption.js +29 -0
  13. package/dist/cjs/components/Select/utils.js +2 -2
  14. package/dist/cjs/components/TimePicker/TimeField.js +48 -0
  15. package/dist/cjs/components/TimePicker/TimeFieldInput.js +82 -0
  16. package/dist/cjs/components/TimePicker/TimePickerInput.js +78 -0
  17. package/dist/cjs/components/TimePicker/TimePickerSelector.js +118 -0
  18. package/dist/cjs/hooks/useTimePickerInput.js +45 -0
  19. package/dist/cjs/index.js +8 -2
  20. package/dist/cjs/styles/time-field-input.js +18 -0
  21. package/dist/cjs/utils/date.js +0 -5
  22. package/dist/esm/components/DatePicker/DatePickerInput.js +2 -1
  23. package/dist/esm/components/DatePicker/DateRangePickerInput.js +2 -1
  24. package/dist/esm/components/ScrollableDigitSelector.js +55 -0
  25. package/dist/esm/components/Select/CustomMultiOption.js +36 -0
  26. package/dist/esm/components/Select/CustomOption.js +29 -0
  27. package/dist/esm/components/Select/MultiCheckAllOptions.js +1 -1
  28. package/dist/esm/components/Select/MultiGroupedOptions.js +2 -8
  29. package/dist/esm/components/Select/MultiOption.js +4 -13
  30. package/dist/esm/components/Select/MultiOptions.js +2 -3
  31. package/dist/esm/components/Select/Options.js +16 -11
  32. package/dist/esm/components/Select/index.js +5 -1
  33. package/dist/esm/components/Select/useMultiSelectOption.js +27 -0
  34. package/dist/esm/components/Select/utils.js +2 -2
  35. package/dist/esm/components/TimePicker/TimeField.js +46 -0
  36. package/dist/esm/components/TimePicker/TimeFieldInput.js +80 -0
  37. package/dist/esm/components/TimePicker/TimePickerInput.js +76 -0
  38. package/dist/esm/components/TimePicker/TimePickerSelector.js +116 -0
  39. package/dist/esm/hooks/useTimePickerInput.js +43 -0
  40. package/dist/esm/index.js +5 -2
  41. package/dist/esm/styles/time-field-input.js +16 -0
  42. package/dist/esm/utils/date.js +2 -6
  43. package/dist/types/components/ScrollableDigitSelector.d.ts +10 -0
  44. package/dist/types/components/Select/CustomMultiOption.d.ts +3 -0
  45. package/dist/types/components/Select/CustomOption.d.ts +3 -0
  46. package/dist/types/components/Select/MultiOption.d.ts +1 -1
  47. package/dist/types/components/Select/Options.d.ts +1 -1
  48. package/dist/types/components/Select/context.d.ts +1 -1
  49. package/dist/types/components/Select/index.d.ts +4 -2
  50. package/dist/types/components/Select/types.d.ts +10 -3
  51. package/dist/types/components/Select/useMultiSelectOption.d.ts +8 -0
  52. package/dist/types/components/Select/utils.d.ts +1 -1
  53. package/dist/types/components/{TimeField → TimePicker}/TimeField.d.ts +2 -1
  54. package/dist/types/components/TimePicker/TimeFieldInput.d.ts +14 -0
  55. package/dist/types/components/TimePicker/TimePickerInput.d.ts +15 -0
  56. package/dist/types/components/TimePicker/TimePickerSelector.d.ts +14 -0
  57. package/dist/types/components/TimePicker/index.d.ts +4 -0
  58. package/dist/types/components/index.d.ts +1 -1
  59. package/dist/types/hooks/index.d.ts +1 -0
  60. package/dist/types/hooks/useTimePickerInput.d.ts +14 -0
  61. package/dist/types/styles/time-field-input.d.ts +25 -0
  62. package/package.json +2 -2
  63. package/dist/cjs/components/TimeField/TimeField.js +0 -24
  64. package/dist/cjs/components/TimeField/TimeFieldInput.js +0 -42
  65. package/dist/esm/components/TimeField/TimeField.js +0 -22
  66. package/dist/esm/components/TimeField/TimeFieldInput.js +0 -40
  67. package/dist/types/components/TimeField/TimeFieldInput.d.ts +0 -11
  68. package/dist/types/components/TimeField/index.d.ts +0 -2
  69. /package/dist/cjs/components/{DatePicker/Content.js → Content.js} +0 -0
  70. /package/dist/esm/components/{DatePicker/Content.js → Content.js} +0 -0
  71. /package/dist/types/components/{DatePicker/Content.d.ts → Content.d.ts} +0 -0
@@ -1,42 +0,0 @@
1
- 'use strict';
2
-
3
- var cortexCore = require('@tecsinapse/cortex-core');
4
- var React = require('react');
5
- var date = require('../../utils/date.js');
6
- var index = require('../Input/index.js');
7
- var TimeField = require('./TimeField.js');
8
-
9
- const TimeFieldInput = (props) => {
10
- const {
11
- onChange,
12
- value,
13
- label,
14
- variants,
15
- hourCycle = 24,
16
- granularity = "minute",
17
- disabled = false
18
- } = props;
19
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
20
- index.Input.Face,
21
- {
22
- variants,
23
- className: "flex flex-row",
24
- "data-testid": "time-field-input"
25
- },
26
- /* @__PURE__ */ React.createElement("span", { className: cortexCore.labelStyle({}) }, label),
27
- /* @__PURE__ */ React.createElement("div", { className: cortexCore.inputBox("", label) }, /* @__PURE__ */ React.createElement(
28
- TimeField.TimeField,
29
- {
30
- onChange: (value2) => {
31
- onChange(date.timeFromTimeValue(value2));
32
- },
33
- value,
34
- hourCycle,
35
- granularity,
36
- isDisabled: disabled
37
- }
38
- ))
39
- ));
40
- };
41
-
42
- exports.TimeFieldInput = TimeFieldInput;
@@ -1,22 +0,0 @@
1
- import React__default from 'react';
2
- import { useLocale, useTimeField } from 'react-aria';
3
- import { useTimeFieldState } from 'react-stately';
4
- import { DateSegment } from '../DatePicker/DateSegment.js';
5
-
6
- const TimeField = ({ disabled, ...props }) => {
7
- const { locale } = useLocale();
8
- const state = useTimeFieldState({
9
- ...props,
10
- locale,
11
- isDisabled: disabled
12
- });
13
- const ref = React__default.useRef(null);
14
- const { fieldProps } = useTimeField(
15
- { "aria-label": "time-field" },
16
- state,
17
- ref
18
- );
19
- return /* @__PURE__ */ React__default.createElement("div", { ...fieldProps, ref, className: "flex flex-row" }, state.segments.map((segment, i) => /* @__PURE__ */ React__default.createElement(DateSegment, { key: i, segment, state })));
20
- };
21
-
22
- export { TimeField };
@@ -1,40 +0,0 @@
1
- import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
2
- import React__default from 'react';
3
- import { timeFromTimeValue } from '../../utils/date.js';
4
- import { Input } from '../Input/index.js';
5
- import { TimeField } from './TimeField.js';
6
-
7
- const TimeFieldInput = (props) => {
8
- const {
9
- onChange,
10
- value,
11
- label,
12
- variants,
13
- hourCycle = 24,
14
- granularity = "minute",
15
- disabled = false
16
- } = props;
17
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
18
- Input.Face,
19
- {
20
- variants,
21
- className: "flex flex-row",
22
- "data-testid": "time-field-input"
23
- },
24
- /* @__PURE__ */ React__default.createElement("span", { className: labelStyle({}) }, label),
25
- /* @__PURE__ */ React__default.createElement("div", { className: inputBox("", label) }, /* @__PURE__ */ React__default.createElement(
26
- TimeField,
27
- {
28
- onChange: (value2) => {
29
- onChange(timeFromTimeValue(value2));
30
- },
31
- value,
32
- hourCycle,
33
- granularity,
34
- isDisabled: disabled
35
- }
36
- ))
37
- ));
38
- };
39
-
40
- export { TimeFieldInput };
@@ -1,11 +0,0 @@
1
- import { Time } from '@internationalized/date';
2
- import React from 'react';
3
- import { InputPropsBase } from '../Input';
4
- export interface TimeFieldInputProps extends InputPropsBase {
5
- value?: Time;
6
- onChange: (value?: Time) => void;
7
- hourCycle?: 12 | 24;
8
- granularity?: 'hour' | 'minute' | 'second';
9
- disabled?: boolean;
10
- }
11
- export declare const TimeFieldInput: (props: TimeFieldInputProps) => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './TimeField';
2
- export * from './TimeFieldInput';