@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
|
@@ -7,7 +7,7 @@ import { ControlSize, getBorderColorTypeClassName, getControlHeightClassName, ge
|
|
|
7
7
|
import { Icon } from '../icon';
|
|
8
8
|
export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, border, label, icon, image, className, onClick, ...props }) => {
|
|
9
9
|
const t = useTranslations();
|
|
10
|
-
return (<button type='button' className={classNames((onClick || props.type === 'submit') && 'clickable', 'size-fit', '
|
|
10
|
+
return (<button type='button' className={classNames((onClick || props.type === 'submit') && 'clickable', 'size-fit', 'flex items-center justify-center gap-control-padding-md', 'overflow-hidden whitespace-nowrap', 'px-control-padding-base py-control-padding-md', getControlTextSizeClassName(size), getRoundedClassName(rounded), getBorderColorTypeClassName(border), {
|
|
11
11
|
'p-control-padding-sm!': label === undefined && (icon !== undefined || image !== undefined),
|
|
12
12
|
}, className)} onClick={(e) => {
|
|
13
13
|
if (onClick !== undefined) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { TextColorTypes } from '../../../theme';
|
|
4
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
3
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
5
4
|
import { BaseButton, BaseLink } from '../base';
|
|
6
5
|
export const Text = ({ color = TextColorTypes.main, container = false, className, ...props }) => (<BaseButton className={classNames([getTextColorTypeClassName(color, container), className])} {...props}/>);
|
|
7
6
|
export const TextLink = ({ color = TextColorTypes.main, container = false, className, ...props }) => (<BaseLink className={classNames([getTextColorTypeClassName(color, container), className])} {...props}/>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/button/text/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/button/text/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,KAAK,EAI0C,EAAE,EAAE,CAAC,CACvD,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC3G,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,GAAG,KAAK,EAIwC,EAAE,EAAE,CAAC,CACrD,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CACzG,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
|
|
4
|
-
export const Card = ({ border = true, shadow = true, selected = false, rounded = Rounded.m, className, children, onClick, style, }) => (<div className={classNames('
|
|
4
|
+
export const Card = ({ border = true, shadow = true, selected = false, rounded = Rounded.m, className, children, onClick, style, }) => (<div className={classNames('flex flex-col gap-base overflow-visible p-base', shadow && 'shadow-lg', onClick !== undefined && 'cursor-pointer hover:opacity-50', getBackgroundColorTypeClassName(BackgroundColorTypes.container), getBorderColorTypeClassName({
|
|
5
5
|
color: border ? BorderColorTypes.default : BorderColorTypes.none,
|
|
6
6
|
container: false,
|
|
7
7
|
width: BorderWidth.base,
|
|
@@ -12,7 +12,7 @@ export const LoadingSpinner = ({ size }) => (<>
|
|
|
12
12
|
}
|
|
13
13
|
`}
|
|
14
14
|
</style>
|
|
15
|
-
<div className={'border-primary-container-bg border-b-primary-container-on
|
|
15
|
+
<div className={'rounded-[50%] border-2 border-primary-container-bg border-b-primary-container-on'} style={{
|
|
16
16
|
width: `${size ?? 40}px`,
|
|
17
17
|
height: `${size ?? 40}px`,
|
|
18
18
|
animation: 'rotation 1.1s infinite linear',
|
|
@@ -3,9 +3,9 @@ import CloseIcon from '@mui/icons-material/Close';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { Button } from '../button';
|
|
5
5
|
import { Card } from '../card';
|
|
6
|
-
export const ModalCard = ({ showCloseButton = true, onClickClose, id, className, children, ...props }) => (<Card className={classNames('relative flex max-h-[80%]
|
|
7
|
-
<div className='
|
|
8
|
-
{showCloseButton && (<div className='
|
|
6
|
+
export const ModalCard = ({ showCloseButton = true, onClickClose, id, className, children, ...props }) => (<Card className={classNames('relative flex max-h-[80%] min-w-[300px] max-w-[90%] flex-col overflow-y-scroll p-0!', className)} {...props}>
|
|
7
|
+
<div className='flex size-full flex-col gap-base p-base'>{children}</div>
|
|
8
|
+
{showCloseButton && (<div className='absolute inset-x-0 top-0 flex justify-end p-base'>
|
|
9
9
|
<Button variant='text' container={true} size='xl' icon={CloseIcon} onClick={() => onClickClose?.(id)}/>
|
|
10
10
|
</div>)}
|
|
11
11
|
</Card>);
|
|
@@ -3,7 +3,6 @@ import { useEffect, useState } from 'react';
|
|
|
3
3
|
export const NoSSR = ({ children, fallback }) => {
|
|
4
4
|
const [mounted, setMounted] = useState(false);
|
|
5
5
|
useEffect(() => {
|
|
6
|
-
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
7
6
|
setMounted(true);
|
|
8
7
|
}, []);
|
|
9
8
|
return mounted ? children : fallback;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/ssr/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiD,EAAE,EAAE;IAC7F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/ssr/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiD,EAAE,EAAE;IAC7F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAA;AACtC,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const H1 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,UAAU,EACV,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const H2 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,UAAU,EACV,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const H3 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,SAAS,EACT,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const H4 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H4/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H4/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,SAAS,EACT,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const H5 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H5/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H5/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const H6 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H6/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H6/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,SAAS,EACT,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const Label = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Label/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Label/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKgC,EAAE,EAAE;IAC5C,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,KAAK,CACJ,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,KAAK,CAAC,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Link from 'next/link';
|
|
2
|
-
import {
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
3
|
import { TextColorTypes } from '../../../theme';
|
|
4
4
|
export declare const LinkText: ({ color, container, disabled, className, children, ...props }: {
|
|
5
5
|
color?: TextColorTypes;
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import Link from 'next/link';
|
|
4
4
|
import { useTranslations } from 'next-intl';
|
|
5
|
-
import { TextColorTypes } from '../../../theme';
|
|
6
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
5
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
7
6
|
export const LinkText = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
8
7
|
const t = useTranslations();
|
|
9
8
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/LinkText/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/LinkText/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKoC,EAAE,EAAE;IAChD,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,iCAAiC,EAC9F,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const P = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/P/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/P/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAChB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK4B,EAAE,EAAE;IACxC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,CAAC,CACA,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,CAAC,CAAC,CACL,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { useTranslations } from 'next-intl';
|
|
4
|
-
import { TextColorTypes } from '../../../theme';
|
|
5
|
-
import { getTextColorTypeClassName } from '../../../theme';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
6
5
|
export const Pre = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
7
6
|
const t = useTranslations();
|
|
8
7
|
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Pre/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Pre/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK8B,EAAE,EAAE;IAC1C,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAM3C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,IAAI,MAAM,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;QAC9C,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,EAAG,CAAA;IACnH,CAAC;IACD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,WAErC,CAAA;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAG,CAAA;IACpE,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAAA;IACrD,CAAC;IACD,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2C,EAAE,EAAE;IAC/F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,CAAC,SAAS,CAAC,MAAM,CACf,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,CAC9B,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACnB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,IAAI,CAAC;gBACH,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;YACpB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACH,CAAC,CAAC,EACF,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACwD,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,CAAC,SAAS,CAAC,MAAM,CACf,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,CAC9B,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACnB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,IAAI,CAAC;gBACH,MAAM,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;YACpB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,CAAC,EACF,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { usePathname } from 'next/navigation';
|
|
4
|
-
import { useEffect, useRef, useState } from 'react';
|
|
5
|
-
import { isValidElement } from 'react';
|
|
4
|
+
import { isValidElement, useEffect, useRef, useState } from 'react';
|
|
6
5
|
import { createPortal } from 'react-dom';
|
|
7
6
|
import { Component } from '../../component';
|
|
8
7
|
import { getRoundedClassName, Rounded } from '../../theme';
|
|
@@ -42,12 +41,11 @@ export const DropDown = ({ button, content, position, menuRounded = Rounded.m, m
|
|
|
42
41
|
}
|
|
43
42
|
const [mounted, setMounted] = useState(false);
|
|
44
43
|
// Mount-time side effect is a legitimate case
|
|
45
|
-
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
46
44
|
useEffect(() => setMounted(true), []);
|
|
47
45
|
if (!mounted) {
|
|
48
46
|
return null;
|
|
49
47
|
}
|
|
50
|
-
return (<div className='flex flex-col
|
|
48
|
+
return (<div className='flex w-fit flex-col'>
|
|
51
49
|
<div ref={btnWrapRef}>
|
|
52
50
|
<Component.Button {...button} onClick={(e) => {
|
|
53
51
|
setIsOpen((v) => !v);
|
|
@@ -58,7 +56,7 @@ export const DropDown = ({ button, content, position, menuRounded = Rounded.m, m
|
|
|
58
56
|
{isOpen &&
|
|
59
57
|
createPortal(<>
|
|
60
58
|
<div className='fixed inset-0 z-popup' onClick={() => setIsOpen(false)}/>
|
|
61
|
-
{coords && (<div className='z-popup
|
|
59
|
+
{coords && (<div className='absolute z-popup' style={{
|
|
62
60
|
top: coords.top,
|
|
63
61
|
left: position === 'left'
|
|
64
62
|
? coords.left
|
|
@@ -68,11 +66,11 @@ export const DropDown = ({ button, content, position, menuRounded = Rounded.m, m
|
|
|
68
66
|
transform: position === 'left' ? undefined : position === 'center' ? 'translateX(-50%)' : 'translateX(-100%)',
|
|
69
67
|
}}>
|
|
70
68
|
<Component.Card rounded={menuRounded} shadow className={classNames('p-0!', 'w-max', menuClassName)} style={{ minWidth: coords.width }}>
|
|
71
|
-
{isValidElement(content) ? (content) : (<ul className='
|
|
69
|
+
{isValidElement(content) ? (content) : (<ul className='min-w-max whitespace-nowrap'>
|
|
72
70
|
{Array.isArray(content) &&
|
|
73
71
|
content.map((x, i) => {
|
|
74
72
|
if (x === 'divider') {
|
|
75
|
-
return <div key={i} className='
|
|
73
|
+
return <div key={i} className='h-px w-full bg-outline-default'/>;
|
|
76
74
|
}
|
|
77
75
|
if (isValidElement(x)) {
|
|
78
76
|
return x;
|
|
@@ -80,7 +78,7 @@ export const DropDown = ({ button, content, position, menuRounded = Rounded.m, m
|
|
|
80
78
|
const props = x;
|
|
81
79
|
const isLink = 'href' in props;
|
|
82
80
|
return (<li key={i} className='p-control-padding-md'>
|
|
83
|
-
<Button {...props} className={classNames('flex items-center justify-start
|
|
81
|
+
<Button {...props} className={classNames('flex w-full items-center justify-start text-left', 'no-underline! bg-transparent', 'gap-control-padding-sm p-control-padding-base', 'text-sm!', getRoundedClassName(menuRounded), props.className)} onClick={(e) => {
|
|
84
82
|
if ('onClick' in props) {
|
|
85
83
|
props.onClick?.(e);
|
|
86
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/dropdown/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/dropdown/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,OAAO,CAAC,CAAC,EACvB,aAAa,EACb,QAAQ,GAQT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAE5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsD,IAAI,CAAC,CAAA;IAC/F,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAA;YAC9B,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAM;YACR,CAAC;YACD,MAAM,CAAC,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAA;YACrC,SAAS,CAAC;gBACR,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO;gBAC9B,IAAI,EAAE,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;gBAC7B,KAAK,EAAE,CAAC,CAAC,KAAK;aACf,CAAC,CAAA;QACJ,CAAC,CAAA;QACD,MAAM,EAAE,CAAA;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAC5D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAC9C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1D,IAAI,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,eAAe,CAAC,QAAQ,CAAC,CAAA;IAC3B,CAAC;IAED,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACrC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,CAClC;MAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CACnB;QAAA,CAAC,SAAS,CAAC,MAAM,CACf,IAAI,MAAM,CAAC,CACX,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;YACpB,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC,CAAC,CACF,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAEvB;MAAA,EAAE,GAAG,CAEL;;MAAA,CAAC,MAAM;YACL,YAAY,CACV,EACE;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EACvE;YAAA,CAAC,MAAM,IAAI,CACT,CAAC,GAAG,CACF,SAAS,CAAC,kBAAkB,CAC5B,KAAK,CAAC,CAAC;wBACL,GAAG,EAAE,MAAM,CAAC,GAAG;wBACf,IAAI,EACF,QAAQ,KAAK,MAAM;4BACjB,CAAC,CAAC,MAAM,CAAC,IAAI;4BACb,CAAC,CAAC,QAAQ,KAAK,QAAQ;gCACrB,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC;gCAChC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK;wBAClC,SAAS,EACP,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB;qBACrG,CAAC,CAEF;gBAAA,CAAC,SAAS,CAAC,IAAI,CACb,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,MAAM,CACN,SAAS,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CACtD,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAElC;kBAAA,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACzB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,CAAC,EAAE,CAAC,SAAS,CAAC,6BAA6B,CACzC;sBAAA,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;4BACrB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gCACnB,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;oCACpB,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,gCAAgC,EAAG,CAAA;gCACnE,CAAC;gCACD,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;oCACtB,OAAO,CAAC,CAAA;gCACV,CAAC;gCACD,MAAM,KAAK,GAAG,CAAkC,CAAA;gCAChD,MAAM,MAAM,GAAG,MAAM,IAAI,KAAK,CAAA;gCAC9B,OAAO,CACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAC1C;8BAAA,CAAC,MAAM,CACL,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CACnB,kDAAkD,EAClD,8BAA8B,EAC9B,+CAA+C,EAC/C,UAAU,EACV,mBAAmB,CAAC,WAAW,CAAC,EAChC,KAAK,CAAC,SAAS,CAChB,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;wCACb,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;4CACvB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;wCACpB,CAAC;wCACD,IAAI,MAAM,EAAE,CAAC;4CACX,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;wCAC9B,CAAC;6CAAM,CAAC;4CACN,aAAa,EAAE,CAAA;wCACjB,CAAC;oCACH,CAAC,CAAC,EAEN;4BAAA,EAAE,EAAE,CAAC,CACN,CAAA;4BACH,CAAC,CAAC,CACN;oBAAA,EAAE,EAAE,CAAC,CACN,CACH;gBAAA,EAAE,SAAS,CAAC,IAAI,CAClB;cAAA,EAAE,GAAG,CAAC,CACP,CACH;UAAA,GAAG,EACH,QAAQ,CAAC,IAAI,CACd,CACL;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -130,7 +130,7 @@ export declare const Composite: {
|
|
|
130
130
|
disabled?: boolean;
|
|
131
131
|
required?: boolean;
|
|
132
132
|
}) => import("react").JSX.Element;
|
|
133
|
-
List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, input, }: {
|
|
133
|
+
List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, required, input, }: {
|
|
134
134
|
name: string;
|
|
135
135
|
rounded?: import("..").Rounded;
|
|
136
136
|
defaultList: string[][];
|
|
@@ -138,9 +138,11 @@ export declare const Composite: {
|
|
|
138
138
|
maxListLength?: number;
|
|
139
139
|
valueLength: number;
|
|
140
140
|
isFirstItem: boolean;
|
|
141
|
+
required?: boolean;
|
|
141
142
|
input: (props: {
|
|
142
143
|
name: string;
|
|
143
144
|
autoFocus: boolean;
|
|
145
|
+
required: boolean;
|
|
144
146
|
values: string[];
|
|
145
147
|
onChange: (index: number, value: string) => void;
|
|
146
148
|
}) => {
|
|
@@ -9,9 +9,9 @@ import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
|
9
9
|
export const Checkbox = ({ orientation, name, options, defaultValue, onChange, disabled, error, }) => {
|
|
10
10
|
const [selected, setSelected] = useState(defaultValue ?? []);
|
|
11
11
|
return (<div className={classNames('flex flex-wrap', orientation === 'vertical'
|
|
12
|
-
? 'gap-control-padding-md
|
|
12
|
+
? 'flex-col gap-control-padding-md'
|
|
13
13
|
: 'gap-control-padding-xl gap-y-control-padding-sm')}>
|
|
14
|
-
{options.map((x, i) => (<CheckboxItem key={i} name={name} checked={selected.includes(x.value)} onClick={() => {
|
|
14
|
+
{options.map((x, i) => (<CheckboxItem key={i} name={`${name}[]`} checked={selected.includes(x.value)} onClick={() => {
|
|
15
15
|
if (selected.includes(x.value)) {
|
|
16
16
|
const newSelected = selected.filter((z) => z !== x.value);
|
|
17
17
|
setSelected(newSelected);
|
|
@@ -27,7 +27,7 @@ export const Checkbox = ({ orientation, name, options, defaultValue, onChange, d
|
|
|
27
27
|
};
|
|
28
28
|
export const CheckboxItem = ({ name, checked, onClick, value, label, disabled, error, }) => {
|
|
29
29
|
const t = useTranslations();
|
|
30
|
-
return (<fieldset data-disabled={disabled} className={classNames('
|
|
30
|
+
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={disabled ? undefined : onClick}>
|
|
31
31
|
<input type='checkbox' name={name} value={value} checked={checked} onChange={() => { }} className='hidden'/>
|
|
32
32
|
{checked ? (<CheckBoxIcon className={classNames('size-control-base!', getTextColorTypeClassName(error ? TextColorTypes.error : TextColorTypes.primary, true))}/>) : (<CheckBoxOutlineBlankIcon className={classNames('size-control-base!', getTextColorTypeClassName(error ? TextColorTypes.error : TextColorTypes.disabled, true))}/>)}
|
|
33
33
|
<Component.Typography.Label container={true} className={classNames('text-sm', disabled ? 'cursor-default' : 'cursor-pointer')}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/checkbox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,wBAAwB,MAAM,0CAA0C,CAAA;AAC/E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,GASN,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAA;IAC5D,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gBAAgB,EAChB,WAAW,KAAK,UAAU;YACxB,CAAC,CAAC,iCAAiC;YACnC,CAAC,CAAC,iDAAiD,CACtD,CAAC,CAEF;MAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,CAAC,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,8 +48,8 @@ const DatePickerImpl = ({ name, rounded = Rounded.m, placement, defaultValue, va
|
|
|
48
48
|
hiddenInput.dispatchEvent(event);
|
|
49
49
|
}
|
|
50
50
|
}} placeholderText={toDateString(new Date())} dateFormat={dataFormat} renderCustomHeader={({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) => (<CustomCalendarHeader date={date} changeYear={changeYear} changeMonth={changeMonth} decreaseMonth={decreaseMonth} increaseMonth={increaseMonth} prevMonthButtonDisabled={prevMonthButtonDisabled} nextMonthButtonDisabled={nextMonthButtonDisabled} minYear={min?.getFullYear()} maxYear={max?.getFullYear()}/>)} onCalendarOpen={() => setOnFocus(true)} onCalendarClose={() => setOnFocus(false)} customInput={<CustomInput value={toDateString(date)} focused={onFocus} rounded={rounded} disabled={disabled} error={error}/>} popperPlacement={placement} disabled={disabled} required={false}/>
|
|
51
|
-
{required !== true && date && (<div className='
|
|
52
|
-
<ClearIcon className='
|
|
51
|
+
{required !== true && date && (<div className='absolute top-0 right-0 bottom-0 flex items-center justify-center p-control-padding-base'>
|
|
52
|
+
<ClearIcon className='size-control-sm! cursor-pointer! bg-transparent!' onClick={() => {
|
|
53
53
|
setDate(undefined);
|
|
54
54
|
onChange?.(undefined);
|
|
55
55
|
const hiddenInput = document.querySelector(`input[name="${name}"]`);
|
|
@@ -29,15 +29,15 @@ export const DateRange = ({ defaultValue, name, disabled, error, stepDays = 0, o
|
|
|
29
29
|
setEndDate(newEndDate);
|
|
30
30
|
}
|
|
31
31
|
}, [startDate, stepDays]);
|
|
32
|
-
return (<div className='gap-control-padding-base
|
|
33
|
-
<DatePicker {...props} name={`${name}
|
|
32
|
+
return (<div className='flex items-center gap-control-padding-base'>
|
|
33
|
+
<DatePicker {...props} name={`${name}.from`} value={startDate} onChange={(e) => {
|
|
34
34
|
handleStartDateChange(e);
|
|
35
35
|
onChange?.({ start: e });
|
|
36
36
|
}} disabled={disabled} error={error}/>
|
|
37
37
|
<Component.Typography.P container={true} disabled={disabled} className='text-sm'>
|
|
38
38
|
〜
|
|
39
39
|
</Component.Typography.P>
|
|
40
|
-
<DatePicker {...props} name={`${name}
|
|
40
|
+
<DatePicker {...props} name={`${name}.to`} value={endDate} min={startDate ? new Date(startDate.getTime() + stepDays * 24 * 60 * 60 * 1000) : undefined} onChange={(e) => {
|
|
41
41
|
handleEndDateChange(e);
|
|
42
42
|
onChange?.({ end: e });
|
|
43
43
|
}} disabled={disabled} error={error}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/dateRange/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,QAAQ,EACR,GAAG,KAAK,EAMT,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,CAAA;IAEzD,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,YAA8B,EAAE,EAAE;QACjC,YAAY,CAAC,YAAY,CAAC,CAAA;QAC1B,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;QACpF,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;YACzD,UAAU,CAAC,UAAU,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAA;IAED,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,UAA4B,EAAE,EAAE;QAC/B,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;YACjF,IAAI,UAAU,IAAI,UAAU,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC9D,UAAU,CAAC,UAAU,CAAC,CAAA;YACxB,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,UAAU,CAAC,CAAA;YACxB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,UAAU,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAA;IAED,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,4CAA4C,CACzD;MAAA,CAAC,UAAU,CACT,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/dateRange/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ export const DateTimePicker = ({ name, defaultValue, value, min, max, onChange,
|
|
|
23
23
|
});
|
|
24
24
|
return (<>
|
|
25
25
|
<input className='absolute size-0 opacity-0' name={name} value={dateTime?.toISOString() ?? ''} onChange={() => { }} required={required}/>
|
|
26
|
-
<div className='
|
|
26
|
+
<div className='flex w-full items-center gap-control-padding-base'>
|
|
27
27
|
<div className='flex-3'>
|
|
28
28
|
<DatePicker name='' key={`date-${dateTime?.toISOString()}`} value={dateTime} min={min} max={max} onChange={(e) => {
|
|
29
29
|
if (!e) {
|