@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.
- package/dist/cjs/components/DatePicker/DatePickerInput.js +2 -1
- package/dist/cjs/components/DatePicker/DateRangePickerInput.js +2 -1
- package/dist/cjs/components/ScrollableDigitSelector.js +57 -0
- package/dist/cjs/components/Select/CustomMultiOption.js +38 -0
- package/dist/cjs/components/Select/CustomOption.js +31 -0
- package/dist/cjs/components/Select/MultiCheckAllOptions.js +1 -1
- package/dist/cjs/components/Select/MultiGroupedOptions.js +2 -8
- package/dist/cjs/components/Select/MultiOption.js +3 -12
- package/dist/cjs/components/Select/MultiOptions.js +2 -3
- package/dist/cjs/components/Select/Options.js +15 -10
- package/dist/cjs/components/Select/index.js +5 -1
- package/dist/cjs/components/Select/useMultiSelectOption.js +29 -0
- package/dist/cjs/components/Select/utils.js +2 -2
- package/dist/cjs/components/TimePicker/TimeField.js +48 -0
- package/dist/cjs/components/TimePicker/TimeFieldInput.js +82 -0
- package/dist/cjs/components/TimePicker/TimePickerInput.js +78 -0
- package/dist/cjs/components/TimePicker/TimePickerSelector.js +118 -0
- package/dist/cjs/hooks/useTimePickerInput.js +45 -0
- package/dist/cjs/index.js +8 -2
- package/dist/cjs/styles/time-field-input.js +18 -0
- package/dist/cjs/utils/date.js +0 -5
- package/dist/esm/components/DatePicker/DatePickerInput.js +2 -1
- package/dist/esm/components/DatePicker/DateRangePickerInput.js +2 -1
- package/dist/esm/components/ScrollableDigitSelector.js +55 -0
- package/dist/esm/components/Select/CustomMultiOption.js +36 -0
- package/dist/esm/components/Select/CustomOption.js +29 -0
- package/dist/esm/components/Select/MultiCheckAllOptions.js +1 -1
- package/dist/esm/components/Select/MultiGroupedOptions.js +2 -8
- package/dist/esm/components/Select/MultiOption.js +4 -13
- package/dist/esm/components/Select/MultiOptions.js +2 -3
- package/dist/esm/components/Select/Options.js +16 -11
- package/dist/esm/components/Select/index.js +5 -1
- package/dist/esm/components/Select/useMultiSelectOption.js +27 -0
- package/dist/esm/components/Select/utils.js +2 -2
- package/dist/esm/components/TimePicker/TimeField.js +46 -0
- package/dist/esm/components/TimePicker/TimeFieldInput.js +80 -0
- package/dist/esm/components/TimePicker/TimePickerInput.js +76 -0
- package/dist/esm/components/TimePicker/TimePickerSelector.js +116 -0
- package/dist/esm/hooks/useTimePickerInput.js +43 -0
- package/dist/esm/index.js +5 -2
- package/dist/esm/styles/time-field-input.js +16 -0
- package/dist/esm/utils/date.js +2 -6
- package/dist/types/components/ScrollableDigitSelector.d.ts +10 -0
- package/dist/types/components/Select/CustomMultiOption.d.ts +3 -0
- package/dist/types/components/Select/CustomOption.d.ts +3 -0
- package/dist/types/components/Select/MultiOption.d.ts +1 -1
- package/dist/types/components/Select/Options.d.ts +1 -1
- package/dist/types/components/Select/context.d.ts +1 -1
- package/dist/types/components/Select/index.d.ts +4 -2
- package/dist/types/components/Select/types.d.ts +10 -3
- package/dist/types/components/Select/useMultiSelectOption.d.ts +8 -0
- package/dist/types/components/Select/utils.d.ts +1 -1
- package/dist/types/components/{TimeField → TimePicker}/TimeField.d.ts +2 -1
- package/dist/types/components/TimePicker/TimeFieldInput.d.ts +14 -0
- package/dist/types/components/TimePicker/TimePickerInput.d.ts +15 -0
- package/dist/types/components/TimePicker/TimePickerSelector.d.ts +14 -0
- package/dist/types/components/TimePicker/index.d.ts +4 -0
- package/dist/types/components/index.d.ts +1 -1
- package/dist/types/hooks/index.d.ts +1 -0
- package/dist/types/hooks/useTimePickerInput.d.ts +14 -0
- package/dist/types/styles/time-field-input.d.ts +25 -0
- package/package.json +2 -2
- package/dist/cjs/components/TimeField/TimeField.js +0 -24
- package/dist/cjs/components/TimeField/TimeFieldInput.js +0 -42
- package/dist/esm/components/TimeField/TimeField.js +0 -22
- package/dist/esm/components/TimeField/TimeFieldInput.js +0 -40
- package/dist/types/components/TimeField/TimeFieldInput.d.ts +0 -11
- package/dist/types/components/TimeField/index.d.ts +0 -2
- /package/dist/cjs/components/{DatePicker/Content.js → Content.js} +0 -0
- /package/dist/esm/components/{DatePicker/Content.js → Content.js} +0 -0
- /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;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|