@ya-accelerators/nextjs-framework 0.0.79 → 0.0.80
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/@types/image.d.ts +1 -0
- package/dist/hooks/modal/index.jsx +1 -0
- package/dist/hooks/modal/index.jsx.map +1 -1
- package/dist/logger/index.js +0 -1
- package/dist/logger/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/component/button/base.jsx +1 -1
- package/dist/ui/component/button/text/index.jsx +1 -2
- package/dist/ui/component/button/text/index.jsx.map +1 -1
- package/dist/ui/component/card/index.jsx +1 -1
- package/dist/ui/component/loading/index.jsx +1 -1
- package/dist/ui/component/modal/index.jsx +3 -3
- package/dist/ui/component/ssr/index.jsx +0 -1
- package/dist/ui/component/ssr/index.jsx.map +1 -1
- package/dist/ui/component/typography/H1/index.d.ts +1 -1
- package/dist/ui/component/typography/H1/index.jsx +1 -2
- package/dist/ui/component/typography/H1/index.jsx.map +1 -1
- package/dist/ui/component/typography/H2/index.d.ts +1 -1
- package/dist/ui/component/typography/H2/index.jsx +1 -2
- package/dist/ui/component/typography/H2/index.jsx.map +1 -1
- package/dist/ui/component/typography/H3/index.d.ts +1 -1
- package/dist/ui/component/typography/H3/index.jsx +1 -2
- package/dist/ui/component/typography/H3/index.jsx.map +1 -1
- package/dist/ui/component/typography/H4/index.d.ts +1 -1
- package/dist/ui/component/typography/H4/index.jsx +1 -2
- package/dist/ui/component/typography/H4/index.jsx.map +1 -1
- package/dist/ui/component/typography/H5/index.d.ts +1 -1
- package/dist/ui/component/typography/H5/index.jsx +1 -2
- package/dist/ui/component/typography/H5/index.jsx.map +1 -1
- package/dist/ui/component/typography/H6/index.d.ts +1 -1
- package/dist/ui/component/typography/H6/index.jsx +1 -2
- package/dist/ui/component/typography/H6/index.jsx.map +1 -1
- package/dist/ui/component/typography/Label/index.d.ts +1 -1
- package/dist/ui/component/typography/Label/index.jsx +1 -2
- package/dist/ui/component/typography/Label/index.jsx.map +1 -1
- package/dist/ui/component/typography/LinkText/index.d.ts +1 -1
- package/dist/ui/component/typography/LinkText/index.jsx +1 -2
- package/dist/ui/component/typography/LinkText/index.jsx.map +1 -1
- package/dist/ui/component/typography/P/index.d.ts +1 -1
- package/dist/ui/component/typography/P/index.jsx +1 -2
- package/dist/ui/component/typography/P/index.jsx.map +1 -1
- package/dist/ui/component/typography/Pre/index.d.ts +1 -1
- package/dist/ui/component/typography/Pre/index.jsx +1 -2
- package/dist/ui/component/typography/Pre/index.jsx.map +1 -1
- package/dist/ui/composite/button/index.jsx.map +1 -1
- package/dist/ui/composite/dropdown/index.jsx +6 -8
- package/dist/ui/composite/dropdown/index.jsx.map +1 -1
- package/dist/ui/composite/index.d.ts +3 -1
- package/dist/ui/composite/input/checkbox/index.jsx +3 -3
- package/dist/ui/composite/input/checkbox/index.jsx.map +1 -1
- package/dist/ui/composite/input/datePicker/index.jsx +2 -2
- package/dist/ui/composite/input/dateRange/index.jsx +3 -3
- package/dist/ui/composite/input/dateRange/index.jsx.map +1 -1
- package/dist/ui/composite/input/dateTimePicker/index.jsx +1 -1
- package/dist/ui/composite/input/dateTimeRange/index.jsx +3 -4
- package/dist/ui/composite/input/dateTimeRange/index.jsx.map +1 -1
- package/dist/ui/composite/input/index.d.ts +3 -1
- package/dist/ui/composite/input/index.js +1 -1
- package/dist/ui/composite/input/index.js.map +1 -1
- package/dist/ui/composite/input/list/index.d.ts +3 -1
- package/dist/ui/composite/input/list/index.jsx +5 -4
- package/dist/ui/composite/input/list/index.jsx.map +1 -1
- package/dist/ui/composite/input/radio/index.jsx +2 -2
- package/dist/ui/composite/input/select/ClearIndicator/index.d.ts +1 -1
- package/dist/ui/composite/input/select/ClearIndicator/index.jsx +0 -1
- package/dist/ui/composite/input/select/ClearIndicator/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Control/index.d.ts +1 -1
- package/dist/ui/composite/input/select/Control/index.jsx +1 -2
- package/dist/ui/composite/input/select/Control/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/DropdownIndicator/index.d.ts +1 -1
- package/dist/ui/composite/input/select/DropdownIndicator/index.jsx +0 -1
- package/dist/ui/composite/input/select/DropdownIndicator/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/GroupHeading/index.d.ts +1 -1
- package/dist/ui/composite/input/select/GroupHeading/index.jsx +0 -1
- package/dist/ui/composite/input/select/GroupHeading/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Input/index.d.ts +1 -1
- package/dist/ui/composite/input/select/Input/index.jsx +4 -2
- package/dist/ui/composite/input/select/Input/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Menu/index.d.ts +1 -1
- package/dist/ui/composite/input/select/Menu/index.jsx +0 -1
- package/dist/ui/composite/input/select/Menu/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/MultiValue/index.d.ts +1 -1
- package/dist/ui/composite/input/select/MultiValue/index.jsx +3 -4
- package/dist/ui/composite/input/select/MultiValue/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Option/index.d.ts +1 -1
- package/dist/ui/composite/input/select/Option/index.jsx +1 -1
- package/dist/ui/composite/input/select/Option/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/Placeholder/index.d.ts +1 -1
- package/dist/ui/composite/input/select/Placeholder/index.jsx +1 -2
- package/dist/ui/composite/input/select/Placeholder/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/SelectContainer/index.d.ts +1 -1
- package/dist/ui/composite/input/select/SelectContainer/index.jsx +2 -3
- package/dist/ui/composite/input/select/SelectContainer/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/SingleValue/index.d.ts +1 -1
- package/dist/ui/composite/input/select/SingleValue/index.jsx +1 -2
- package/dist/ui/composite/input/select/SingleValue/index.jsx.map +1 -1
- package/dist/ui/composite/input/select/index.jsx +0 -1
- package/dist/ui/composite/input/select/index.jsx.map +1 -1
- package/dist/ui/composite/input/text/index.jsx +3 -3
- package/dist/ui/composite/input/textarea/index.d.ts +1 -2
- package/dist/ui/composite/input/textarea/index.jsx +4 -5
- package/dist/ui/composite/input/textarea/index.jsx.map +1 -1
- package/dist/ui/composite/input/timePicker/index.d.ts +1 -1
- package/dist/ui/composite/input/timePicker/index.jsx +1 -1
- package/dist/ui/composite/input/timePicker/index.jsx.map +1 -1
- package/dist/ui/composite/input/timeRange/index.jsx +3 -3
- package/dist/ui/composite/input/timeRange/index.jsx.map +1 -1
- package/dist/ui/composite/input/weekDaysSelector/index.d.ts +1 -2
- package/dist/ui/composite/input/weekDaysSelector/index.jsx +1 -1
- package/dist/ui/composite/input/weekDaysSelector/index.jsx.map +1 -1
- package/dist/ui/composite/input/weekdayPicker/index.d.ts +1 -2
- package/dist/ui/composite/input/weekdayPicker/index.jsx +1 -1
- package/dist/ui/composite/input/weekdayPicker/index.jsx.map +1 -1
- package/dist/ui/composite/label/index.jsx +2 -3
- package/dist/ui/composite/label/index.jsx.map +1 -1
- package/dist/ui/composite/pageTitle/index.jsx +4 -4
- package/dist/ui/functional/signOutForm/index.jsx +1 -1
- package/dist/ui/functional/signOutForm/index.jsx.map +1 -1
- package/dist/ui/layout/app/component.jsx +12 -12
- package/dist/ui/layout/app/component.jsx.map +1 -1
- package/dist/ui/layout/app/content/index.d.ts +1 -2
- package/dist/ui/layout/app/content/index.jsx +1 -1
- package/dist/ui/layout/app/content/index.jsx.map +1 -1
- package/dist/ui/layout/app/index.jsx +1 -1
- package/dist/ui/layout/form/index.d.ts +1 -1
- package/dist/ui/layout/form/index.jsx +41 -14
- package/dist/ui/layout/form/index.jsx.map +1 -1
- package/dist/ui/layout/modal/index.jsx +1 -1
- package/dist/ui/layout/tab/component.jsx +1 -1
- package/dist/ui/layout/tab/content/index.jsx +1 -1
- package/dist/ui/layout/tab/index.jsx +2 -2
- package/dist/ui/layout/table/index.jsx +16 -21
- package/dist/ui/layout/table/index.jsx.map +1 -1
- package/dist/ui/layout/toast/index.jsx +2 -2
- package/dist/ui/types/index.d.ts +1 -1
- package/dist/util/index.js +32 -2
- package/dist/util/index.js.map +1 -1
- package/package.json +3 -5
|
@@ -23,7 +23,6 @@ onChange, ...props }) => {
|
|
|
23
23
|
const normalizedStart = normalizeDateTime(defaultValue?.start, stepMinutes);
|
|
24
24
|
const normalizedEnd = normalizeDateTime(defaultValue?.end, stepMinutes);
|
|
25
25
|
if (normalizedStart) {
|
|
26
|
-
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
27
26
|
setStartDateTime(normalizedStart);
|
|
28
27
|
const minEndTime = new Date(normalizedStart.getTime() + stepMinutes * 60 * 1000);
|
|
29
28
|
setEndDateTime((prevEndDateTime) => {
|
|
@@ -71,15 +70,15 @@ onChange, ...props }) => {
|
|
|
71
70
|
setEndDateTime(normalizedEnd);
|
|
72
71
|
}
|
|
73
72
|
}, [startDateTime, stepMinutes]);
|
|
74
|
-
return (<div className='
|
|
75
|
-
<DateTimePicker key={`${name}
|
|
73
|
+
return (<div className='flex w-full items-center gap-control-padding-base'>
|
|
74
|
+
<DateTimePicker key={`${name}.from-${startDateTime?.toISOString() ?? 'start'}`} {...props} name={`${name}.from`} value={startDateTime} onChange={(e) => {
|
|
76
75
|
handleStartDateTimeChange(e);
|
|
77
76
|
onChange?.({ start: e });
|
|
78
77
|
}} disabled={disabled} error={error} stepMinutes={stepMinutes} timeSelectRef={startTimeRef}/>
|
|
79
78
|
<Component.Typography.P container={true} disabled={disabled} className='text-sm'>
|
|
80
79
|
〜
|
|
81
80
|
</Component.Typography.P>
|
|
82
|
-
<DateTimePicker key={`${name}
|
|
81
|
+
<DateTimePicker key={`${name}.to-${endDateTime?.toISOString() ?? 'end'}`} {...props} name={`${name}.to`} value={endDateTime} min={startDateTime ? new Date(startDateTime.getTime() + stepMinutes * 60 * 1000) : undefined} onChange={(e) => {
|
|
83
82
|
handleEndDateTimeChange(e);
|
|
84
83
|
onChange?.({ end: e });
|
|
85
84
|
}} disabled={disabled} error={error} stepMinutes={stepMinutes} timeSelectRef={endTimeRef}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/dateTimeRange/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,WAAmB,EAAE,EAAE;IACzE,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IAC3B,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACjB,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,WAAW,CAAC,GAAG,WAAW,CAAA;QACxE,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACzB,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,EAAE,EAAE,qCAAqC;AACvD,QAAQ,EACR,GAAG,KAAK,EAMT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,YAAY,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAC7G,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,YAAY,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAA;IACvG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,iBAAiB,CAAC,YAAY,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;QAC3E,MAAM,aAAa,GAAG,iBAAiB,CAAC,YAAY,EAAE,GAAG,EAAE,WAAW,CAAC,CAAA;QACvE,IAAI,eAAe,EAAE,CAAC;YACpB,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/dateTimeRange/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -108,7 +108,7 @@ export declare const Input: {
|
|
|
108
108
|
disabled?: boolean;
|
|
109
109
|
required?: boolean;
|
|
110
110
|
}) => import("react").JSX.Element;
|
|
111
|
-
List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, input, }: {
|
|
111
|
+
List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, required, input, }: {
|
|
112
112
|
name: string;
|
|
113
113
|
rounded?: import("../..").Rounded;
|
|
114
114
|
defaultList: string[][];
|
|
@@ -116,9 +116,11 @@ export declare const Input: {
|
|
|
116
116
|
maxListLength?: number;
|
|
117
117
|
valueLength: number;
|
|
118
118
|
isFirstItem: boolean;
|
|
119
|
+
required?: boolean;
|
|
119
120
|
input: (props: {
|
|
120
121
|
name: string;
|
|
121
122
|
autoFocus: boolean;
|
|
123
|
+
required: boolean;
|
|
122
124
|
values: string[];
|
|
123
125
|
onChange: (index: number, value: string) => void;
|
|
124
126
|
}) => {
|
|
@@ -11,8 +11,8 @@ import * as text from './text';
|
|
|
11
11
|
import * as textarea from './textarea';
|
|
12
12
|
import * as timePicker from './timePicker';
|
|
13
13
|
import * as timeRange from './timeRange';
|
|
14
|
-
import * as weekdayPicker from './weekdayPicker';
|
|
15
14
|
import * as weekDaysSelector from './weekDaysSelector';
|
|
15
|
+
import * as weekdayPicker from './weekdayPicker';
|
|
16
16
|
export const Input = {
|
|
17
17
|
...checkbox,
|
|
18
18
|
...datePicker,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/composite/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAChD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/composite/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAChD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAEhD,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,SAAS;IACZ,GAAG,cAAc;IACjB,GAAG,aAAa;IAChB,GAAG,IAAI;IACP,GAAG,KAAK;IACR,GAAG,MAAM;IACT,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,SAAS;IACZ,GAAG,aAAa;IAChB,GAAG,gBAAgB;CACpB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import { Rounded } from '../../../theme';
|
|
3
|
-
export declare const List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, input, }: {
|
|
3
|
+
export declare const List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, required, input, }: {
|
|
4
4
|
name: string;
|
|
5
5
|
rounded?: Rounded;
|
|
6
6
|
defaultList: string[][];
|
|
@@ -8,9 +8,11 @@ export declare const List: ({ name, rounded, defaultList, minListLength, maxList
|
|
|
8
8
|
maxListLength?: number;
|
|
9
9
|
valueLength: number;
|
|
10
10
|
isFirstItem: boolean;
|
|
11
|
+
required?: boolean;
|
|
11
12
|
input: (props: {
|
|
12
13
|
name: string;
|
|
13
14
|
autoFocus: boolean;
|
|
15
|
+
required: boolean;
|
|
14
16
|
values: string[];
|
|
15
17
|
onChange: (index: number, value: string) => void;
|
|
16
18
|
}) => {
|
|
@@ -4,18 +4,19 @@ import DeleteIcon from '@mui/icons-material/Delete';
|
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { Component } from '../../../component';
|
|
6
6
|
import { ColorTypes, ControlSize, Rounded } from '../../../theme';
|
|
7
|
-
export const List = ({ name, rounded = Rounded.m, defaultList, minListLength = 1, maxListLength, valueLength, isFirstItem, input, }) => {
|
|
7
|
+
export const List = ({ name, rounded = Rounded.m, defaultList, minListLength = 1, maxListLength, valueLength, isFirstItem, required, input, }) => {
|
|
8
8
|
const [list, setList] = useState(defaultList.length === 0 ? [[...Array(valueLength)].map(() => '')] : defaultList);
|
|
9
|
-
return (<div className='
|
|
9
|
+
return (<div className='flex w-full flex-col gap-control-padding-base'>
|
|
10
10
|
{list.map((values, i) => {
|
|
11
11
|
const ret = input({
|
|
12
12
|
name: `${name}[${i}]`,
|
|
13
13
|
autoFocus: isFirstItem && i === 0,
|
|
14
|
+
required: required === true && i === 0,
|
|
14
15
|
values,
|
|
15
16
|
onChange: (valueIndex, value) => setList((item) => item.map((y, j) => (j === i ? y.map((z, k) => (k === valueIndex ? value : z)) : y))),
|
|
16
17
|
});
|
|
17
|
-
return (<div key={i} className='gap-control-padding-base
|
|
18
|
-
<div className='
|
|
18
|
+
return (<div key={i} className='flex w-full gap-control-padding-base'>
|
|
19
|
+
<div className='flex w-full items-center gap-control-padding-base'>{ret.node}</div>
|
|
19
20
|
<Component.Button variant='colored' size={ControlSize.md} rounded={rounded} color={ColorTypes.secondary} container={true} icon={DeleteIcon} onClick={() => setList((x) => x.filter((_, j) => j !== i))} disabled={list.length === minListLength || ret.disabled === true}/>
|
|
20
21
|
</div>);
|
|
21
22
|
})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/list/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,UAAU,MAAM,4BAA4B,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEjE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,WAAW,EACX,aAAa,GAAG,CAAC,EACjB,aAAa,EACb,WAAW,EACX,WAAW,EACX,KAAK,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/list/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,UAAU,MAAM,4BAA4B,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEjE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,WAAW,EACX,aAAa,GAAG,CAAC,EACjB,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,GAoBN,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAClH,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,+CAA+C,CAC5D;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtB,MAAM,GAAG,GAAG,KAAK,CAAC;gBAChB,IAAI,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG;gBACrB,SAAS,EAAE,WAAW,IAAI,CAAC,KAAK,CAAC;gBACjC,QAAQ,EAAE,QAAQ,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;gBACtC,MAAM;gBACN,QAAQ,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAC9B,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACzG,CAAC,CAAA;YACF,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,sCAAsC,CAC3D;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mDAAmD,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAClF;YAAA,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,SAAS,CACjB,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAC5B,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3D,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,EAErE;UAAA,EAAE,GAAG,CAAC,CACP,CAAA;QACH,CAAC,CAAC,CACF;MAAA,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,SAAS,CACjB,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAC1B,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,IAAI,IAAI,CAAC,MAAM,KAAK,aAAa,EAAE,CAAC;gBAClC,OAAM;YACR,CAAC;YACD,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAC,EAEN;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -11,7 +11,7 @@ export const Radio = ({ orientation, name, options, value, defaultValue, onChang
|
|
|
11
11
|
const [internalValue, setInternalValue] = useState(() => defaultValue ?? (options.length === 0 ? undefined : options[0].value));
|
|
12
12
|
const currentValue = isControlled ? value : internalValue;
|
|
13
13
|
return (<div className={classNames('flex flex-wrap', orientation === 'vertical'
|
|
14
|
-
? 'gap-control-padding-md
|
|
14
|
+
? 'flex-col gap-control-padding-md'
|
|
15
15
|
: 'gap-control-padding-xl gap-y-control-padding-sm')}>
|
|
16
16
|
{options.map((x, i) => (<RadioItem key={i} name={name} checked={currentValue === x.value} onClick={() => {
|
|
17
17
|
if (!isControlled) {
|
|
@@ -23,7 +23,7 @@ export const Radio = ({ orientation, name, options, value, defaultValue, onChang
|
|
|
23
23
|
};
|
|
24
24
|
const RadioItem = ({ name, checked, onClick, value, label, disabled, required, }) => {
|
|
25
25
|
const t = useTranslations();
|
|
26
|
-
return (<fieldset data-disabled={disabled} className={classNames('
|
|
26
|
+
return (<fieldset data-disabled={disabled} className={classNames('flex w-fit items-center justify-center gap-control-padding-md whitespace-nowrap', disabled ? 'clickable-disabled' : 'clickable-enabled')} onClick={checked || disabled ? undefined : onClick}>
|
|
27
27
|
<input type='radio' checked={checked} onChange={() => { }} name={name} value={value} className='hidden' required={required && !checked}/>
|
|
28
28
|
{checked ? (<RadioButtonCheckedIcon className={classNames('size-control-base!', getTextColorTypeClassName(TextColorTypes.primary, true))}/>) : (<RadioButtonUncheckedIcon className={classNames('size-control-base!', getTextColorTypeClassName(TextColorTypes.disabled, true))}/>)}
|
|
29
29
|
<Component.Typography.Label container={true} className={classNames('text-xs', disabled ? 'cursor-default' : 'cursor-pointer')}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type ClearIndicatorProps, type GroupBase } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const ClearIndicator: React.FC<ClearIndicatorProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import ClearIcon from '@mui/icons-material/Clear';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
export const ClearIndicator = (props) => props.selectProps.required === null ? null : (<components.ClearIndicator {...props}>
|
|
6
5
|
<ClearIcon className='size-control-sm!'/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/ClearIndicator/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/ClearIndicator/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,OAAO,EAA4B,UAAU,EAAkB,MAAM,cAAc,CAAA;AAInF,MAAM,CAAC,MAAM,cAAc,GAAkF,CAC3G,KAA0E,EAC1E,EAAE,CACF,KAAK,CAAC,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3C,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,CACnC;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,EACzC;IAAA,EAAE,UAAU,CAAC,cAAc,CAAC,CAC7B,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type ControlProps, type GroupBase } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const Control: React.FC<ControlProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, Rounded, } from '../../../../theme';
|
|
6
5
|
export const Control = (props) => {
|
|
7
6
|
const { children, ...rest } = props;
|
|
8
7
|
return (<components.Control {...rest}>
|
|
9
|
-
<div className={classNames('flex items-center
|
|
8
|
+
<div className={classNames('flex w-full items-center pr-control-padding-md pl-control-padding-base', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getRoundedClassName(props.selectProps.rounded || Rounded.m), getBorderColorTypeClassName({
|
|
10
9
|
color: props.selectProps.error
|
|
11
10
|
? BorderColorTypes.error
|
|
12
11
|
: props.isFocused
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Control/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Control/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAqB,UAAU,EAAkB,MAAM,cAAc,CAAA;AAE5E,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,OAAO,GACR,MAAM,mBAAmB,CAAA;AAG1B,MAAM,CAAC,MAAM,OAAO,GAA2E,CAC7F,KAAmE,EACnE,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAC3B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,wEAAwE,EACxE,+BAA+B,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAC7D,mBAAmB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAC3D,2BAA2B,CAAC;YAC1B,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK;gBAC5B,CAAC,CAAC,gBAAgB,CAAC,KAAK;gBACxB,CAAC,CAAC,KAAK,CAAC,SAAS;oBACf,CAAC,CAAC,gBAAgB,CAAC,OAAO;oBAC1B,CAAC,CAAC,gBAAgB,CAAC,OAAO;YAC9B,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC,CACH,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,UAAU,CAAC,OAAO,CAAC,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type DropdownIndicatorProps, type GroupBase } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const DropdownIndicator: React.FC<DropdownIndicatorProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
export const DropdownIndicator = (props) => (<components.DropdownIndicator {...props}>
|
|
6
5
|
<ArrowDropDownIcon className='size-control-md!'/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/DropdownIndicator/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/DropdownIndicator/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AAEjE,OAAO,EAAE,UAAU,EAA+C,MAAM,cAAc,CAAA;AAItF,MAAM,CAAC,MAAM,iBAAiB,GAAqF,CACjH,KAA6E,EAC7E,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CACtC;IAAA,CAAC,iBAAiB,CAAC,SAAS,CAAC,kBAAkB,EACjD;EAAA,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAChC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type GroupBase, type GroupHeadingProps } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const GroupHeading: React.FC<GroupHeadingProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
5
|
export const GroupHeading = (props) => (<div className={classNames('font-semibold text-sm', getTextColorTypeClassName(TextColorTypes.main, false))}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/GroupHeading/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/GroupHeading/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAA0C,MAAM,cAAc,CAAA;AAEjF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,YAAY,GAAgF,CACvG,KAAwE,EACxE,EAAE,CAAC,CACH,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,uBAAuB,EAAE,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CACzG;IAAA,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,CAAC,8DAA8D,EAC9G;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type GroupBase, type InputProps } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const Input: React.FC<InputProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
|
-
export const Input = (props) => (<components.Input
|
|
5
|
+
export const Input = (props) => (<components.Input {...props}
|
|
6
|
+
// Chrome ignores react-select's own autoComplete="off" and autofills this search input
|
|
7
|
+
// (e.g. an email typed into a neighbouring field), so force a token Chrome won't fill.
|
|
8
|
+
autoComplete='new-password' className={classNames(props.disabled === true ? 'clickable-disabled' : 'clickable-enabled', 'm-0 my-control-padding-base! h-control-md p-0 text-mainText-container! text-sm', getTextColorTypeClassName(TextColorTypes.main, true), 'bg-transparent!')} aria-activedescendant={undefined}/>);
|
|
7
9
|
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Input/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Input/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAmC,MAAM,cAAc,CAAA;AAE1E,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,KAAK,GAAyE,CACzF,KAAgF,EAChF,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,KAAK,CACf,IAAI,KAAK,CAAC;AACV,uFAAuF;AACvF,uFAAuF;AACvF,YAAY,CAAC,cAAc,CAC3B,SAAS,CAAC,CAAC,UAAU,CACnB,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,EACpE,gFAAgF,EAChF,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,EACpD,iBAAiB,CAClB,CAAC,CACF,qBAAqB,CAAC,CAAC,SAAS,CAAC,EACjC,CACH,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, } from '../../../../theme';
|
|
6
5
|
export const Menu = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Menu/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Menu/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAkC,MAAM,cAAc,CAAA;AAEzE,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,mBAAmB,CAAA;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwE,CACvF,KAAgE,EAChE,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CACxB;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,sBAAsB,EACtB,+BAA+B,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAC7D,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC,CACH,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,UAAU,CAAC,IAAI,CAAC,CACnB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type GroupBase, type MultiValueProps } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const MultiValue: React.FC<MultiValueProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import CloseIcon from '@mui/icons-material/Close';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import React from 'react';
|
|
5
4
|
import { components } from 'react-select';
|
|
6
5
|
import { getRoundedClassName, Rounded } from '../../../../theme';
|
|
7
|
-
export const MultiValue = (props) => (<components.MultiValue {...props} className={classNames('flex items-center gap-control-padding-sm
|
|
8
|
-
<div className={classNames('flex items-center justify-center
|
|
6
|
+
export const MultiValue = (props) => (<components.MultiValue {...props} className={classNames('flex items-center gap-control-padding-sm py-control-padding-md! pr-control-padding-sm! pl-0! text-secondary-container-on! text-sm')}>
|
|
7
|
+
<div className={classNames('m-0! flex h-control-md items-center justify-center gap-control-padding-sm bg-secondary-container-bg! p-0! px-control-padding-md! opacity-85', getRoundedClassName(Rounded.s))}>
|
|
9
8
|
{props.data.label}
|
|
10
|
-
<button type='button' onClick={props.removeProps.onClick} className='flex items-center justify-center p-0!
|
|
9
|
+
<button type='button' onClick={props.removeProps.onClick} className='m-0! flex items-center justify-center p-0!'>
|
|
11
10
|
<CloseIcon className='size-control-sm! cursor-pointer'/>
|
|
12
11
|
</button>
|
|
13
12
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/MultiValue/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/MultiValue/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAwC,MAAM,cAAc,CAAA;AAE/E,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhE,MAAM,CAAC,MAAM,UAAU,GAA8E,CACnG,KAAsE,EACtE,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,UAAU,CACpB,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CACnB,mIAAmI,CACpI,CAAC,CAEF;IAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,6IAA6I,EAC7I,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/B,CAAC,CAEF;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CACjB;MAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,OAAgE,CAAC,CAC5F,SAAS,CAAC,4CAA4C,CAEtD;QAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iCAAiC,EACxD;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CACP;EAAA,EAAE,UAAU,CAAC,UAAU,CAAC,CACzB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type GroupBase, type OptionProps } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const Option: React.FC<OptionProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
4
|
import { components } from 'react-select';
|
|
5
5
|
const hoverEvent = new EventTarget();
|
|
6
6
|
const HOVER_EVENT_NAME = 'any-hover';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Option/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Option/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type GroupBase, type PlaceholderProps } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const Placeholder: React.FC<PlaceholderProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
|
-
export const Placeholder = (props) => (<components.Placeholder {...props} className={classNames('m-0
|
|
5
|
+
export const Placeholder = (props) => (<components.Placeholder {...props} className={classNames('m-0 my-control-padding-base! h-control-md p-0 text-sm', getTextColorTypeClassName(TextColorTypes.main, false), 'bg-transparent!')}/>);
|
|
7
6
|
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Placeholder/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Placeholder/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAyC,MAAM,cAAc,CAAA;AAEhF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,WAAW,GAA+E,CACrG,KAAuE,EACvE,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,WAAW,CACrB,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CACnB,uDAAuD,EACvD,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EACrD,iBAAiB,CAClB,CAAC,EACF,CACH,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type ContainerProps, type GroupBase } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const SelectContainer: React.FC<ContainerProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
5
|
import { isSelectOption } from '../types';
|
|
7
6
|
export const SelectContainer = (props) => (<div className='flex flex-col'>
|
|
8
7
|
<components.SelectContainer {...props}>{props.children}</components.SelectContainer>
|
|
9
|
-
{props.isMulti && (<div className='mt-control-padding-sm flex justify-end
|
|
10
|
-
<button type='button' className={classNames('absolute
|
|
8
|
+
{props.isMulti && (<div className='relative mt-control-padding-sm flex justify-end'>
|
|
9
|
+
<button type='button' className={classNames('absolute top-0 right-0', 'px-control-padding-sm py-control-padding-xs text-xs hover:underline', getTextColorTypeClassName(TextColorTypes.main, false), 'bg-transparent!')} onClick={(e) => {
|
|
11
10
|
e.stopPropagation();
|
|
12
11
|
e.preventDefault();
|
|
13
12
|
props.setValue(props.options
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/SelectContainer/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/SelectContainer/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAuB,UAAU,EAAkB,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,eAAe,GAA6E,CACvG,KAAqE,EACrE,EAAE,CAAC,CACH,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAC5B;IAAA,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,eAAe,CACnF;IAAA,CAAC,KAAK,CAAC,OAAO,IAAI,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,iDAAiD,CAC9D;QAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,wBAAwB,EACxB,qEAAqE,EACrE,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EACrD,iBAAiB,CAClB,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,KAAK,CAAC,QAAQ,CACZ,KAAK,CAAC,OAAO;iBACV,OAAO,CAAC,CAAC,MAA8C,EAAE,EAAE;gBAC1D,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC5B,OAAO,MAAM,CAAC,OAAO,CAAA;gBACvB,CAAC;gBACD,IAAI,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;oBAC3B,OAAO,MAAM,CAAC,OAAO,CAAA;gBACvB,CAAC;gBACD,OAAO,MAAM,CAAA;YACf,CAAC,CAAC;iBACD,MAAM,CAAC,CAAC,MAAoB,EAAE,EAAE;gBAC/B,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,WAAW,EAAE,CAAC;oBAC3C,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBACxC,OAAO,KAAK,CAAA;gBACd,CAAC;gBAED,IAAI,OAAO,MAAM,CAAC,aAAa,KAAK,WAAW,EAAE,CAAC;oBAChD,OAAO,KAAK,CAAA;gBACd,CAAC;gBAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAA;YACzB,CAAC,CAAC,EACJ,eAAe,CAChB,CAAA;QACH,CAAC,CAAC,CAEF;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CAAC,CACP,CACH;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import { type GroupBase, type SingleValueProps } from 'react-select';
|
|
3
3
|
import type { SelectOption } from '../types';
|
|
4
4
|
export declare const SingleValue: React.FC<SingleValueProps<SelectOption, boolean, GroupBase<SelectOption>>>;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import { components } from 'react-select';
|
|
5
4
|
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
5
|
export const SingleValue = (props) => {
|
|
7
6
|
const { children, ...rest } = props;
|
|
8
7
|
return (<components.SingleValue {...rest}>
|
|
9
|
-
<div className={classNames('flex items-center gap-control-padding-sm
|
|
8
|
+
<div className={classNames('flex w-full items-center gap-control-padding-sm overflow-hidden py-control-padding-md! text-sm', getTextColorTypeClassName(TextColorTypes.main, false))} style={{
|
|
10
9
|
paddingLeft: props.selectProps.indentPadding ?? '',
|
|
11
10
|
}}>
|
|
12
11
|
{props.data.icon?.({ size: 'small' })}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/SingleValue/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/SingleValue/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAyC,MAAM,cAAc,CAAA;AAEhF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,WAAW,GAA+E,CACrG,KAAuE,EACvE,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,CAC/B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gGAAgG,EAChG,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CACtD,CAAC,CACF,KAAK,CAAC,CAAC;YACL,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,aAAa,IAAI,EAAE;SACnD,CAAC,CAEF;QAAA,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CACrC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,UAAU,CAAC,WAAW,CAAC,CAC1B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -127,7 +127,6 @@ export const Select = forwardRef(({ name, className, options, defaultValue, valu
|
|
|
127
127
|
}, [isControlled, value, internalValue, selectedOptions, isMulti]);
|
|
128
128
|
const [portalEl, setPortalEl] = useState();
|
|
129
129
|
useEffect(() => {
|
|
130
|
-
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
131
130
|
setPortalEl(document.getElementById('portal') ?? undefined);
|
|
132
131
|
}, []);
|
|
133
132
|
const [menuOpen, setMenuOpen] = useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AASpF,OAAO,WAAW,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,8 +10,8 @@ export const Text = ({ name, rounded = Rounded.m, focused, color, icon, classNam
|
|
|
10
10
|
setOnFocus(focused);
|
|
11
11
|
}
|
|
12
12
|
const [value, setValue] = useState(props.value || defaultValue?.toString() || '');
|
|
13
|
-
return (<div className={classNames('w-full text-sm
|
|
14
|
-
{icon && (<Component.Icon icon={icon} className='absolute left-control-padding-base
|
|
13
|
+
return (<div className={classNames('relative w-full text-sm', color && getTextColorTypeClassName(color, true), props.disabled && 'opacity-50', className)}>
|
|
14
|
+
{icon && (<Component.Icon icon={icon} className='absolute top-1/2 left-control-padding-base flex size-control-md! -translate-y-1/2 items-center justify-center opacity-80'/>)}
|
|
15
15
|
<input {...props} name={name} className={classNames('w-full py-control-padding-base', icon ? 'pl-control-xl' : 'pl-control-padding-base', value && !props.disabled ? 'pr-control-xl' : 'pr-control-padding-base', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getRoundedClassName(rounded), getBorderColorTypeClassName({
|
|
16
16
|
color: error ? BorderColorTypes.error : onFocus ? BorderColorTypes.primary : BorderColorTypes.default,
|
|
17
17
|
container: true,
|
|
@@ -31,7 +31,7 @@ export const Text = ({ name, rounded = Rounded.m, focused, color, icon, classNam
|
|
|
31
31
|
props.onBlur?.(e);
|
|
32
32
|
}
|
|
33
33
|
: undefined}/>
|
|
34
|
-
{value && !props.disabled && isClearable && (<ClearIcon className='absolute right-control-padding-base
|
|
34
|
+
{value && !props.disabled && isClearable && (<ClearIcon className='absolute top-1/2 right-control-padding-base flex size-control-sm! -translate-y-1/2 cursor-pointer! items-center justify-center bg-transparent!' onClick={() => {
|
|
35
35
|
setValue('');
|
|
36
36
|
props.onChange?.({ target: { value: '' } });
|
|
37
37
|
}}/>)}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
|
-
import { TextColorTypes } from '../../../theme';
|
|
3
|
-
import { Rounded } from '../../../theme';
|
|
2
|
+
import { Rounded, TextColorTypes } from '../../../theme';
|
|
4
3
|
export declare const TextArea: ({ name, color, rounded, disabled, className, required, defaultValue, error, rows, ...props }: {
|
|
5
4
|
name: string;
|
|
6
5
|
color?: TextColorTypes;
|