@ya-accelerators/nextjs-framework 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@types/general.d.ts +1 -0
- package/@types/image.d.ts +8 -0
- package/@types/next-auth.d.ts +18 -0
- package/dist/env.client.d.ts +3 -0
- package/dist/env.client.js +9 -0
- package/dist/env.client.js.map +1 -0
- package/dist/env.d.ts +6 -0
- package/dist/env.js +18 -0
- package/dist/env.js.map +1 -0
- package/dist/hooks/date/index.d.ts +11 -0
- package/dist/hooks/date/index.js +14 -0
- package/dist/hooks/date/index.js.map +1 -0
- package/dist/hooks/dispatch/index.d.ts +9 -0
- package/dist/hooks/dispatch/index.jsx +25 -0
- package/dist/hooks/dispatch/index.jsx.map +1 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.js +7 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/loading/index.d.ts +10 -0
- package/dist/hooks/loading/index.jsx +22 -0
- package/dist/hooks/loading/index.jsx.map +1 -0
- package/dist/hooks/localStorage/index.d.ts +1 -0
- package/dist/hooks/localStorage/index.js +53 -0
- package/dist/hooks/localStorage/index.js.map +1 -0
- package/dist/hooks/modal/index.d.ts +26 -0
- package/dist/hooks/modal/index.jsx +63 -0
- package/dist/hooks/modal/index.jsx.map +1 -0
- package/dist/hooks/toast/index.d.ts +15 -0
- package/dist/hooks/toast/index.jsx +39 -0
- package/dist/hooks/toast/index.jsx.map +1 -0
- package/dist/i18n/index.d.ts +3 -0
- package/dist/i18n/index.js +40 -0
- package/dist/i18n/index.js.map +1 -0
- package/dist/i18n/strings/en-US.json +18 -0
- package/dist/i18n/strings/ja-JP.json +37 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cookie/index.d.ts +9 -0
- package/dist/lib/cookie/index.js +66 -0
- package/dist/lib/cookie/index.js.map +1 -0
- package/dist/lib/index.d.ts +10 -0
- package/dist/lib/index.js +11 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/next-auth/index.d.ts +2 -0
- package/dist/lib/next-auth/index.js +62 -0
- package/dist/lib/next-auth/index.js.map +1 -0
- package/dist/lib/s3/index.d.ts +2 -0
- package/dist/lib/s3/index.js +17 -0
- package/dist/lib/s3/index.js.map +1 -0
- package/dist/lib/trpc/index.d.ts +8 -0
- package/dist/lib/trpc/index.js +32 -0
- package/dist/lib/trpc/index.js.map +1 -0
- package/dist/styles/globals.css +26 -0
- package/dist/styles/tailwind.config.d.ts +577 -0
- package/dist/styles/tailwind.config.js +671 -0
- package/dist/styles/tailwind.config.js.map +1 -0
- package/dist/styles/tailwind.config.ts +672 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/ui/component/button/base.d.ts +27 -0
- package/dist/ui/component/button/base.jsx +54 -0
- package/dist/ui/component/button/base.jsx.map +1 -0
- package/dist/ui/component/button/colored/index.d.ts +11 -0
- package/dist/ui/component/button/colored/index.jsx +7 -0
- package/dist/ui/component/button/colored/index.jsx.map +1 -0
- package/dist/ui/component/button/image/index.d.ts +4 -0
- package/dist/ui/component/button/image/index.jsx +5 -0
- package/dist/ui/component/button/image/index.jsx.map +1 -0
- package/dist/ui/component/button/index.d.ts +18 -0
- package/dist/ui/component/button/index.jsx +25 -0
- package/dist/ui/component/button/index.jsx.map +1 -0
- package/dist/ui/component/button/text/index.d.ts +11 -0
- package/dist/ui/component/button/text/index.jsx +8 -0
- package/dist/ui/component/button/text/index.jsx.map +1 -0
- package/dist/ui/component/card/index.d.ts +12 -0
- package/dist/ui/component/card/index.jsx +20 -0
- package/dist/ui/component/card/index.jsx.map +1 -0
- package/dist/ui/component/icon/index.d.ts +7 -0
- package/dist/ui/component/icon/index.jsx +3 -0
- package/dist/ui/component/icon/index.jsx.map +1 -0
- package/dist/ui/component/index.d.ts +95 -0
- package/dist/ui/component/index.js +15 -0
- package/dist/ui/component/index.js.map +1 -0
- package/dist/ui/component/loading/index.d.ts +5 -0
- package/dist/ui/component/loading/index.jsx +27 -0
- package/dist/ui/component/loading/index.jsx.map +1 -0
- package/dist/ui/component/ssr/index.d.ts +5 -0
- package/dist/ui/component/ssr/index.jsx +11 -0
- package/dist/ui/component/ssr/index.jsx.map +1 -0
- package/dist/ui/component/typography/H1/index.d.ts +7 -0
- package/dist/ui/component/typography/H1/index.jsx +13 -0
- package/dist/ui/component/typography/H1/index.jsx.map +1 -0
- package/dist/ui/component/typography/H2/index.d.ts +7 -0
- package/dist/ui/component/typography/H2/index.jsx +13 -0
- package/dist/ui/component/typography/H2/index.jsx.map +1 -0
- package/dist/ui/component/typography/H3/index.d.ts +7 -0
- package/dist/ui/component/typography/H3/index.jsx +13 -0
- package/dist/ui/component/typography/H3/index.jsx.map +1 -0
- package/dist/ui/component/typography/H4/index.d.ts +7 -0
- package/dist/ui/component/typography/H4/index.jsx +13 -0
- package/dist/ui/component/typography/H4/index.jsx.map +1 -0
- package/dist/ui/component/typography/H5/index.d.ts +7 -0
- package/dist/ui/component/typography/H5/index.jsx +13 -0
- package/dist/ui/component/typography/H5/index.jsx.map +1 -0
- package/dist/ui/component/typography/H6/index.d.ts +7 -0
- package/dist/ui/component/typography/H6/index.jsx +13 -0
- package/dist/ui/component/typography/H6/index.jsx.map +1 -0
- package/dist/ui/component/typography/Label/index.d.ts +7 -0
- package/dist/ui/component/typography/Label/index.jsx +13 -0
- package/dist/ui/component/typography/Label/index.jsx.map +1 -0
- package/dist/ui/component/typography/LinkText/index.d.ts +8 -0
- package/dist/ui/component/typography/LinkText/index.jsx +14 -0
- package/dist/ui/component/typography/LinkText/index.jsx.map +1 -0
- package/dist/ui/component/typography/P/index.d.ts +7 -0
- package/dist/ui/component/typography/P/index.jsx +13 -0
- package/dist/ui/component/typography/P/index.jsx.map +1 -0
- package/dist/ui/component/typography/Pre/index.d.ts +7 -0
- package/dist/ui/component/typography/Pre/index.jsx +13 -0
- package/dist/ui/component/typography/Pre/index.jsx.map +1 -0
- package/dist/ui/component/typography/index.d.ts +54 -0
- package/dist/ui/component/typography/index.jsx +23 -0
- package/dist/ui/component/typography/index.jsx.map +1 -0
- package/dist/ui/composite/button/index.d.ts +8 -0
- package/dist/ui/composite/button/index.jsx +45 -0
- package/dist/ui/composite/button/index.jsx.map +1 -0
- package/dist/ui/composite/dropdown/index.d.ts +12 -0
- package/dist/ui/composite/dropdown/index.jsx +102 -0
- package/dist/ui/composite/dropdown/index.jsx.map +1 -0
- package/dist/ui/composite/index.d.ts +342 -0
- package/dist/ui/composite/index.js +13 -0
- package/dist/ui/composite/index.js.map +1 -0
- package/dist/ui/composite/input/address/index.d.ts +33 -0
- package/dist/ui/composite/input/address/index.jsx +132 -0
- package/dist/ui/composite/input/address/index.jsx.map +1 -0
- package/dist/ui/composite/input/address/map.d.ts +64 -0
- package/dist/ui/composite/input/address/map.jsx +111 -0
- package/dist/ui/composite/input/address/map.jsx.map +1 -0
- package/dist/ui/composite/input/address/utils.d.ts +23 -0
- package/dist/ui/composite/input/address/utils.js +63 -0
- package/dist/ui/composite/input/address/utils.js.map +1 -0
- package/dist/ui/composite/input/checkbox/index.d.ts +22 -0
- package/dist/ui/composite/input/checkbox/index.jsx +38 -0
- package/dist/ui/composite/input/checkbox/index.jsx.map +1 -0
- package/dist/ui/composite/input/datePicker/index.d.ts +19 -0
- package/dist/ui/composite/input/datePicker/index.jsx +100 -0
- package/dist/ui/composite/input/datePicker/index.jsx.map +1 -0
- package/dist/ui/composite/input/dateRange/index.d.ts +14 -0
- package/dist/ui/composite/input/dateRange/index.jsx +46 -0
- package/dist/ui/composite/input/dateRange/index.jsx.map +1 -0
- package/dist/ui/composite/input/dateTimePicker/index.d.ts +15 -0
- package/dist/ui/composite/input/dateTimePicker/index.jsx +74 -0
- package/dist/ui/composite/input/dateTimePicker/index.jsx.map +1 -0
- package/dist/ui/composite/input/dateTimeRange/index.d.ts +14 -0
- package/dist/ui/composite/input/dateTimeRange/index.jsx +88 -0
- package/dist/ui/composite/input/dateTimeRange/index.jsx.map +1 -0
- package/dist/ui/composite/input/index.d.ts +216 -0
- package/dist/ui/composite/input/index.js +35 -0
- package/dist/ui/composite/input/index.js.map +1 -0
- package/dist/ui/composite/input/list/index.d.ts +20 -0
- package/dist/ui/composite/input/list/index.jsx +30 -0
- package/dist/ui/composite/input/list/index.jsx.map +1 -0
- package/dist/ui/composite/input/radio/index.d.ts +14 -0
- package/dist/ui/composite/input/radio/index.jsx +34 -0
- package/dist/ui/composite/input/radio/index.jsx.map +1 -0
- package/dist/ui/composite/input/search/index.d.ts +5 -0
- package/dist/ui/composite/input/search/index.jsx +38 -0
- package/dist/ui/composite/input/search/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/ClearIndicator/index.d.ts +4 -0
- package/dist/ui/composite/input/select/ClearIndicator/index.jsx +8 -0
- package/dist/ui/composite/input/select/ClearIndicator/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/Control/index.d.ts +4 -0
- package/dist/ui/composite/input/select/Control/index.jsx +23 -0
- package/dist/ui/composite/input/select/Control/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/DropdownIndicator/index.d.ts +4 -0
- package/dist/ui/composite/input/select/DropdownIndicator/index.jsx +8 -0
- package/dist/ui/composite/input/select/DropdownIndicator/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/GroupHeading/index.d.ts +4 -0
- package/dist/ui/composite/input/select/GroupHeading/index.jsx +9 -0
- package/dist/ui/composite/input/select/GroupHeading/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/Input/index.d.ts +4 -0
- package/dist/ui/composite/input/select/Input/index.jsx +7 -0
- package/dist/ui/composite/input/select/Input/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/Menu/index.d.ts +4 -0
- package/dist/ui/composite/input/select/Menu/index.jsx +19 -0
- package/dist/ui/composite/input/select/Menu/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/MultiValue/index.d.ts +4 -0
- package/dist/ui/composite/input/select/MultiValue/index.jsx +15 -0
- package/dist/ui/composite/input/select/MultiValue/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/Option/index.d.ts +4 -0
- package/dist/ui/composite/input/select/Option/index.jsx +79 -0
- package/dist/ui/composite/input/select/Option/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/Placeholder/index.d.ts +4 -0
- package/dist/ui/composite/input/select/Placeholder/index.jsx +7 -0
- package/dist/ui/composite/input/select/Placeholder/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/SelectContainer/index.d.ts +4 -0
- package/dist/ui/composite/input/select/SelectContainer/index.jsx +40 -0
- package/dist/ui/composite/input/select/SelectContainer/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/SingleValue/index.d.ts +4 -0
- package/dist/ui/composite/input/select/SingleValue/index.jsx +17 -0
- package/dist/ui/composite/input/select/SingleValue/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/index.d.ts +37 -0
- package/dist/ui/composite/input/select/index.jsx +242 -0
- package/dist/ui/composite/input/select/index.jsx.map +1 -0
- package/dist/ui/composite/input/select/types.d.ts +16 -0
- package/dist/ui/composite/input/select/types.js +6 -0
- package/dist/ui/composite/input/select/types.js.map +1 -0
- package/dist/ui/composite/input/text/index.d.ts +15 -0
- package/dist/ui/composite/input/text/index.jsx +40 -0
- package/dist/ui/composite/input/text/index.jsx.map +1 -0
- package/dist/ui/composite/input/textarea/index.d.ts +11 -0
- package/dist/ui/composite/input/textarea/index.jsx +62 -0
- package/dist/ui/composite/input/textarea/index.jsx.map +1 -0
- package/dist/ui/composite/input/timePicker/index.d.ts +13 -0
- package/dist/ui/composite/input/timePicker/index.jsx +36 -0
- package/dist/ui/composite/input/timePicker/index.jsx.map +1 -0
- package/dist/ui/composite/input/timeRange/index.d.ts +16 -0
- package/dist/ui/composite/input/timeRange/index.jsx +54 -0
- package/dist/ui/composite/input/timeRange/index.jsx.map +1 -0
- package/dist/ui/composite/input/weekDaysSelector/index.d.ts +11 -0
- package/dist/ui/composite/input/weekDaysSelector/index.jsx +39 -0
- package/dist/ui/composite/input/weekDaysSelector/index.jsx.map +1 -0
- package/dist/ui/composite/input/weekdayPicker/index.d.ts +13 -0
- package/dist/ui/composite/input/weekdayPicker/index.jsx +49 -0
- package/dist/ui/composite/input/weekdayPicker/index.jsx.map +1 -0
- package/dist/ui/composite/label/index.d.ts +11 -0
- package/dist/ui/composite/label/index.jsx +18 -0
- package/dist/ui/composite/label/index.jsx.map +1 -0
- package/dist/ui/composite/pageTitle/index.d.ts +18 -0
- package/dist/ui/composite/pageTitle/index.jsx +62 -0
- package/dist/ui/composite/pageTitle/index.jsx.map +1 -0
- package/dist/ui/functional/index.d.ts +10 -0
- package/dist/ui/functional/index.js +9 -0
- package/dist/ui/functional/index.js.map +1 -0
- package/dist/ui/functional/notFound/index.d.ts +1 -0
- package/dist/ui/functional/notFound/index.jsx +13 -0
- package/dist/ui/functional/notFound/index.jsx.map +1 -0
- package/dist/ui/functional/signInForm/index.d.ts +4 -0
- package/dist/ui/functional/signInForm/index.jsx +45 -0
- package/dist/ui/functional/signInForm/index.jsx.map +1 -0
- package/dist/ui/functional/signOutForm/index.d.ts +3 -0
- package/dist/ui/functional/signOutForm/index.jsx +29 -0
- package/dist/ui/functional/signOutForm/index.jsx.map +1 -0
- package/dist/ui/index.d.ts +6 -0
- package/dist/ui/index.js +7 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/layout/app/component.d.ts +59 -0
- package/dist/ui/layout/app/component.jsx +224 -0
- package/dist/ui/layout/app/component.jsx.map +1 -0
- package/dist/ui/layout/app/content/index.d.ts +9 -0
- package/dist/ui/layout/app/content/index.jsx +18 -0
- package/dist/ui/layout/app/content/index.jsx.map +1 -0
- package/dist/ui/layout/app/index.d.ts +18 -0
- package/dist/ui/layout/app/index.jsx +40 -0
- package/dist/ui/layout/app/index.jsx.map +1 -0
- package/dist/ui/layout/form/index.d.ts +68 -0
- package/dist/ui/layout/form/index.jsx +558 -0
- package/dist/ui/layout/form/index.jsx.map +1 -0
- package/dist/ui/layout/index.d.ts +356 -0
- package/dist/ui/layout/index.js +19 -0
- package/dist/ui/layout/index.js.map +1 -0
- package/dist/ui/layout/modal/index.d.ts +7 -0
- package/dist/ui/layout/modal/index.jsx +11 -0
- package/dist/ui/layout/modal/index.jsx.map +1 -0
- package/dist/ui/layout/object/index.d.ts +30 -0
- package/dist/ui/layout/object/index.jsx +145 -0
- package/dist/ui/layout/object/index.jsx.map +1 -0
- package/dist/ui/layout/root/index.d.ts +10 -0
- package/dist/ui/layout/root/index.jsx +31 -0
- package/dist/ui/layout/root/index.jsx.map +1 -0
- package/dist/ui/layout/root/provider/index.d.ts +7 -0
- package/dist/ui/layout/root/provider/index.jsx +26 -0
- package/dist/ui/layout/root/provider/index.jsx.map +1 -0
- package/dist/ui/layout/tab/component.d.ts +4 -0
- package/dist/ui/layout/tab/component.jsx +16 -0
- package/dist/ui/layout/tab/component.jsx.map +1 -0
- package/dist/ui/layout/tab/content/index.d.ts +8 -0
- package/dist/ui/layout/tab/content/index.jsx +8 -0
- package/dist/ui/layout/tab/content/index.jsx.map +1 -0
- package/dist/ui/layout/tab/index.d.ts +11 -0
- package/dist/ui/layout/tab/index.jsx +25 -0
- package/dist/ui/layout/tab/index.jsx.map +1 -0
- package/dist/ui/layout/table/index.d.ts +33 -0
- package/dist/ui/layout/table/index.jsx +283 -0
- package/dist/ui/layout/table/index.jsx.map +1 -0
- package/dist/ui/layout/toast/index.d.ts +7 -0
- package/dist/ui/layout/toast/index.jsx +18 -0
- package/dist/ui/layout/toast/index.jsx.map +1 -0
- package/dist/ui/theme/border/index.d.ts +28 -0
- package/dist/ui/theme/border/index.js +67 -0
- package/dist/ui/theme/border/index.js.map +1 -0
- package/dist/ui/theme/color/index.d.ts +32 -0
- package/dist/ui/theme/color/index.js +106 -0
- package/dist/ui/theme/color/index.js.map +1 -0
- package/dist/ui/theme/index.d.ts +4 -0
- package/dist/ui/theme/index.js +5 -0
- package/dist/ui/theme/index.js.map +1 -0
- package/dist/ui/theme/rounded/index.d.ts +9 -0
- package/dist/ui/theme/rounded/index.js +14 -0
- package/dist/ui/theme/rounded/index.js.map +1 -0
- package/dist/ui/theme/size/index.d.ts +15 -0
- package/dist/ui/theme/size/index.js +55 -0
- package/dist/ui/theme/size/index.js.map +1 -0
- package/dist/ui/types/index.d.ts +113 -0
- package/dist/ui/types/index.js +33 -0
- package/dist/ui/types/index.js.map +1 -0
- package/dist/util/client.d.ts +2 -0
- package/dist/util/client.js +4 -0
- package/dist/util/client.js.map +1 -0
- package/dist/util/date/impl.d.ts +7 -0
- package/dist/util/date/impl.js +22 -0
- package/dist/util/date/impl.js.map +1 -0
- package/dist/util/date/index.d.ts +17 -0
- package/dist/util/date/index.js +16 -0
- package/dist/util/date/index.js.map +1 -0
- package/dist/util/index.d.ts +17 -0
- package/dist/util/index.js +143 -0
- package/dist/util/index.js.map +1 -0
- package/package.json +62 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { useState } from 'react';
|
|
5
|
+
import { Component } from '../../../component';
|
|
6
|
+
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, } from '../../../theme';
|
|
7
|
+
export const Text = ({ name, rounded = Rounded.m, focused, color, icon, className, defaultValue, error, inputClassName, isClearable = true, ...props }) => {
|
|
8
|
+
const [onFocus, setOnFocus] = useState(props.autoFocus);
|
|
9
|
+
if (focused !== undefined && focused !== onFocus) {
|
|
10
|
+
setOnFocus(focused);
|
|
11
|
+
}
|
|
12
|
+
const [value, setValue] = useState(props.value || defaultValue?.toString() || '');
|
|
13
|
+
return (<div className={classNames('w-full text-sm relative', color && getTextColorTypeClassName(color, true), props.disabled && 'opacity-50', className)}>
|
|
14
|
+
{icon && (<Component.Icon icon={icon} className='absolute left-control-padding-base top-1/2 -translate-y-1/2 size-control-md! opacity-80 flex items-center justify-center'/>)}
|
|
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
|
+
color: error ? BorderColorTypes.error : onFocus ? BorderColorTypes.primary : BorderColorTypes.default,
|
|
17
|
+
container: true,
|
|
18
|
+
width: BorderWidth.base,
|
|
19
|
+
type: 'outline',
|
|
20
|
+
}), inputClassName)} value={value} onChange={(e) => {
|
|
21
|
+
setValue(e.target.value);
|
|
22
|
+
props.onChange?.(e);
|
|
23
|
+
}} onFocus={focused === undefined
|
|
24
|
+
? (e) => {
|
|
25
|
+
setOnFocus(true);
|
|
26
|
+
props.onFocus?.(e);
|
|
27
|
+
}
|
|
28
|
+
: undefined} onBlur={focused === undefined
|
|
29
|
+
? (e) => {
|
|
30
|
+
setOnFocus(false);
|
|
31
|
+
props.onBlur?.(e);
|
|
32
|
+
}
|
|
33
|
+
: undefined}/>
|
|
34
|
+
{value && !props.disabled && isClearable && (<ClearIcon className='absolute right-control-padding-base top-1/2 -translate-y-1/2 bg-transparent! size-control-sm! cursor-pointer! flex items-center justify-center' onClick={() => {
|
|
35
|
+
setValue('');
|
|
36
|
+
props.onChange?.({ target: { value: '' } });
|
|
37
|
+
}}/>)}
|
|
38
|
+
</div>);
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/text/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { TextColorTypes } from '../../../theme';
|
|
3
|
+
import { Rounded } from '../../../theme';
|
|
4
|
+
export declare const TextArea: ({ name, color, rounded, disabled, className, required, defaultValue, error, rows, ...props }: {
|
|
5
|
+
name: string;
|
|
6
|
+
color?: TextColorTypes;
|
|
7
|
+
rounded?: Rounded;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
defaultValue?: string | number | readonly string[] | undefined | null;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
} & Omit<ComponentProps<"textarea">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { useLayoutEffect, useRef, useState } from 'react';
|
|
5
|
+
import { TextColorTypes } from '../../../theme';
|
|
6
|
+
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, } from '../../../theme';
|
|
7
|
+
export const TextArea = ({ name, color = TextColorTypes.main, rounded = Rounded.m, disabled, className, required, defaultValue, error, rows, ...props }) => {
|
|
8
|
+
const [onFocus, setOnFocus] = useState(props.autoFocus);
|
|
9
|
+
const [value, setValue] = useState(defaultValue?.toString() || '');
|
|
10
|
+
const textareaRef = useRef(null);
|
|
11
|
+
useLayoutEffect(() => {
|
|
12
|
+
const el = textareaRef.current;
|
|
13
|
+
if (!el)
|
|
14
|
+
return;
|
|
15
|
+
const compute = () => {
|
|
16
|
+
const cs = window.getComputedStyle(el);
|
|
17
|
+
const toPx = (v) => {
|
|
18
|
+
const n = Number.parseFloat(v);
|
|
19
|
+
return Number.isFinite(n) ? n : 0;
|
|
20
|
+
};
|
|
21
|
+
const fontSize = toPx(cs.fontSize);
|
|
22
|
+
const lineHeight = cs.lineHeight === 'normal' ? fontSize * 1.2 : toPx(cs.lineHeight);
|
|
23
|
+
const paddingY = toPx(cs.paddingTop) + toPx(cs.paddingBottom);
|
|
24
|
+
const borderY = toPx(cs.borderTopWidth) + toPx(cs.borderBottomWidth);
|
|
25
|
+
const resolvedRows = typeof rows === 'number' && rows > 0 ? rows : 4;
|
|
26
|
+
const minHeightPx = lineHeight * resolvedRows + paddingY + borderY;
|
|
27
|
+
el.style.minHeight = `${minHeightPx}px`;
|
|
28
|
+
};
|
|
29
|
+
compute();
|
|
30
|
+
const ro = new ResizeObserver(() => {
|
|
31
|
+
compute();
|
|
32
|
+
});
|
|
33
|
+
ro.observe(el);
|
|
34
|
+
return () => {
|
|
35
|
+
ro.disconnect();
|
|
36
|
+
};
|
|
37
|
+
}, [rows]);
|
|
38
|
+
return (<div className='relative'>
|
|
39
|
+
<textarea ref={textareaRef} name={name} rows={rows} className={classNames(getBackgroundColorTypeClassName(BackgroundColorTypes.default), color && getTextColorTypeClassName(color, true), getRoundedClassName(rounded), 'p-control-padding-base field-sizing-content w-full text-sm', 'disabled:opacity-50', 'hover:opacity-80', getBorderColorTypeClassName({
|
|
40
|
+
color: error ? BorderColorTypes.error : onFocus ? BorderColorTypes.primary : BorderColorTypes.default,
|
|
41
|
+
container: true,
|
|
42
|
+
width: BorderWidth.base,
|
|
43
|
+
type: 'outline',
|
|
44
|
+
}), className)} {...props} value={value} onChange={(e) => {
|
|
45
|
+
setValue(e.target.value);
|
|
46
|
+
props.onChange?.(e);
|
|
47
|
+
}} disabled={disabled} required={required} onFocus={(e) => {
|
|
48
|
+
setOnFocus(true);
|
|
49
|
+
props.onFocus?.(e);
|
|
50
|
+
}} onBlur={(e) => {
|
|
51
|
+
setOnFocus(false);
|
|
52
|
+
props.onBlur?.(e);
|
|
53
|
+
}}/>
|
|
54
|
+
{value && (<div className='absolute top-0 right-0 size-control-xl flex items-center justify-center'>
|
|
55
|
+
{!disabled && (<ClearIcon className='bg-transparent! size-control-sm! cursor-pointer!' onClick={() => {
|
|
56
|
+
setValue('');
|
|
57
|
+
props.onChange?.({ target: { value: '' } });
|
|
58
|
+
}}/>)}
|
|
59
|
+
</div>)}
|
|
60
|
+
</div>);
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/textarea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { SelectInstance } from 'react-select';
|
|
4
|
+
import { Select } from '../select';
|
|
5
|
+
import type { SelectOption } from '../select/types';
|
|
6
|
+
export declare const TimePicker: ({ min, max, stepMinutes, defaultValue, value, selectRef, ...props }: {
|
|
7
|
+
min?: string | null;
|
|
8
|
+
max?: string | null;
|
|
9
|
+
stepMinutes?: number;
|
|
10
|
+
defaultValue?: string | null;
|
|
11
|
+
value?: string | null;
|
|
12
|
+
selectRef?: React.RefObject<SelectInstance<SelectOption, boolean> | null>;
|
|
13
|
+
} & Omit<ComponentProps<typeof Select>, "options" | "defaultValue">) => React.JSX.Element;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React, { useMemo, useState } from 'react';
|
|
4
|
+
import { Select } from '../select';
|
|
5
|
+
export const TimePicker = ({ min = '00:00', max = '23:59', stepMinutes = 30, defaultValue, value, selectRef, ...props }) => {
|
|
6
|
+
const [internalValue, setInternalValue] = useState(() => {
|
|
7
|
+
const valueToUse = value ?? defaultValue;
|
|
8
|
+
if (valueToUse) {
|
|
9
|
+
return valueToUse;
|
|
10
|
+
}
|
|
11
|
+
return undefined;
|
|
12
|
+
});
|
|
13
|
+
const options = useMemo(() => {
|
|
14
|
+
const timeOptions = [];
|
|
15
|
+
const [minHours, minMinutes] = (min ?? '00:00').split(':').map(Number);
|
|
16
|
+
const [maxHours, maxMinutes] = (max ?? '23:59').split(':').map(Number);
|
|
17
|
+
const minTotalSeconds = (minHours * 60 + minMinutes) * 60;
|
|
18
|
+
const maxTotalSeconds = (maxHours * 60 + maxMinutes) * 60;
|
|
19
|
+
for (let seconds = minTotalSeconds; seconds <= maxTotalSeconds; seconds += Number(stepMinutes * 60)) {
|
|
20
|
+
const totalMinutes = Math.floor(seconds / 60);
|
|
21
|
+
const hours = Math.floor(totalMinutes / 60);
|
|
22
|
+
const mins = totalMinutes % 60;
|
|
23
|
+
const timeValue = `${hours.toString().padStart(2, '0')}:${mins.toString().padStart(2, '0')}`;
|
|
24
|
+
timeOptions.push({
|
|
25
|
+
label: timeValue,
|
|
26
|
+
value: timeValue,
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return timeOptions;
|
|
30
|
+
}, [min, max, stepMinutes]);
|
|
31
|
+
return (<Select {...props} className={classNames('w-full min-w-[88px]', props.className)} name={props.name} options={options} value={internalValue} placeholder='00:00' isClearable={props.required !== true} onChange={(newValue) => {
|
|
32
|
+
setInternalValue(newValue);
|
|
33
|
+
props.onChange?.(newValue);
|
|
34
|
+
}} ref={selectRef}/>);
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/timePicker/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,GAAG,GAAG,OAAO,EACb,GAAG,GAAG,OAAO,EACb,WAAW,GAAG,EAAE,EAChB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EAQyD,EAAE,EAAE;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtD,MAAM,UAAU,GAAG,KAAK,IAAI,YAAY,CAAA;QACxC,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,UAAU,CAAA;QACnB,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,WAAW,GAA2D,EAAE,CAAA;QAC9E,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACtE,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAEtE,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAA;QACzD,MAAM,eAAe,GAAG,CAAC,QAAQ,GAAG,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAA;QAEzD,KAAK,IAAI,OAAO,GAAG,eAAe,EAAE,OAAO,IAAI,eAAe,EAAE,OAAO,IAAI,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,CAAC;YACpG,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAA;YAC7C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;YAC3C,MAAM,IAAI,GAAG,YAAY,GAAG,EAAE,CAAA;YAC9B,MAAM,SAAS,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;YAC5F,WAAW,CAAC,IAAI,CAAC;gBACf,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,WAAW,CAAA;IACpB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,CAAC,MAAM,CACL,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAC9D,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CACrC,QAAQ,CAAC,CAAC,CAAC,QAAgB,EAAE,EAAE;YAC7B,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAC1B,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC,CAAC,CACF,GAAG,CAAC,CAAC,SAAS,CAAC,EACf,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { TimePicker } from '../timePicker';
|
|
3
|
+
export declare const TimeRange: ({ defaultValue, name, disabled, error, required, stepMinutes, onChange, ...props }: Omit<ComponentProps<typeof TimePicker>, "defaultValue" | "onChange"> & {
|
|
4
|
+
defaultValue?: {
|
|
5
|
+
start?: string | null;
|
|
6
|
+
end?: string | null;
|
|
7
|
+
};
|
|
8
|
+
error?: boolean;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
stepMinutes?: number;
|
|
12
|
+
onChange?: (value: {
|
|
13
|
+
start?: string | null;
|
|
14
|
+
end?: string | null;
|
|
15
|
+
}) => void;
|
|
16
|
+
}) => import("react").JSX.Element;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Component } from '../../../component';
|
|
4
|
+
import { TimePicker } from '../timePicker';
|
|
5
|
+
export const TimeRange = ({ defaultValue, name, disabled, error, required, stepMinutes = 30, onChange, ...props }) => {
|
|
6
|
+
const calculateMinEndTime = (start) => {
|
|
7
|
+
if (!start) {
|
|
8
|
+
return undefined;
|
|
9
|
+
}
|
|
10
|
+
const [hours, minutes] = start.split(':').map(Number);
|
|
11
|
+
const startTotalSeconds = (hours * 60 + minutes) * 60;
|
|
12
|
+
const nextTimeSeconds = startTotalSeconds + Number(stepMinutes * 60);
|
|
13
|
+
const totalMinutes = Math.floor(nextTimeSeconds / 60);
|
|
14
|
+
const nextHours = Math.floor(totalMinutes / 60);
|
|
15
|
+
const nextMinutes = totalMinutes % 60;
|
|
16
|
+
if (nextHours >= 24) {
|
|
17
|
+
return '23:59';
|
|
18
|
+
}
|
|
19
|
+
return `${nextHours.toString().padStart(2, '0')}:${nextMinutes.toString().padStart(2, '0')}`;
|
|
20
|
+
};
|
|
21
|
+
const [startTime, setStartTime] = useState(defaultValue?.start);
|
|
22
|
+
const defaultEndTime = defaultValue?.end ?? (required && defaultValue?.start ? calculateMinEndTime(defaultValue?.start) : null);
|
|
23
|
+
const [endTime, setEndTime] = useState(defaultEndTime);
|
|
24
|
+
return (<div className='gap-control-padding-base flex w-full items-center'>
|
|
25
|
+
<TimePicker key={startTime ?? 'start'} name={`${name}StartAt`} value={startTime || undefined} onChange={(value) => {
|
|
26
|
+
const normalizedStart = value === '' ? null : value;
|
|
27
|
+
setStartTime(normalizedStart);
|
|
28
|
+
if (!normalizedStart) {
|
|
29
|
+
onChange?.({ start: normalizedStart, end: endTime });
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
const effectiveEndTime = endTime || '00:00';
|
|
33
|
+
const startMinutes = parseInt(normalizedStart.split(':')[0]) * 60 + parseInt(normalizedStart.split(':')[1]);
|
|
34
|
+
const endMinutes = parseInt(effectiveEndTime.split(':')[0]) * 60 + parseInt(effectiveEndTime.split(':')[1]);
|
|
35
|
+
if (endMinutes <= startMinutes) {
|
|
36
|
+
const newEndTime = calculateMinEndTime(normalizedStart);
|
|
37
|
+
setEndTime(newEndTime);
|
|
38
|
+
onChange?.({ start: normalizedStart, end: newEndTime });
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
onChange?.({ start: normalizedStart, end: endTime });
|
|
42
|
+
}
|
|
43
|
+
}} disabled={disabled} error={error} required={required} stepMinutes={stepMinutes} {...props}/>
|
|
44
|
+
<Component.Typography.P container={true} disabled={disabled} className='text-sm'>
|
|
45
|
+
〜
|
|
46
|
+
</Component.Typography.P>
|
|
47
|
+
<TimePicker key={endTime ?? 'end'} name={`${name}EndAt`} value={endTime || undefined} onChange={(newValue) => {
|
|
48
|
+
const normalizedEnd = newValue === '' ? null : newValue;
|
|
49
|
+
setEndTime(normalizedEnd);
|
|
50
|
+
onChange?.({ start: startTime, end: normalizedEnd });
|
|
51
|
+
}} disabled={disabled} min={startTime ? calculateMinEndTime(startTime) : '00:00'} error={error} required={required} stepMinutes={stepMinutes} {...props}/>
|
|
52
|
+
</div>);
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/timeRange/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Weekday } from '../../../../util/date';
|
|
3
|
+
export declare const WeekDaysSelector: ({ name, short, defaultValue, onChange, disabled, className, error, }: {
|
|
4
|
+
name: string;
|
|
5
|
+
short?: boolean;
|
|
6
|
+
defaultValue?: Weekday | Weekday[] | null;
|
|
7
|
+
onChange?: (value: Weekday | Weekday[]) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { useMemo, useState } from 'react';
|
|
3
|
+
import { useWeekdayString } from '../../../../hooks/date';
|
|
4
|
+
import { Weekday } from '../../../../util/date';
|
|
5
|
+
import { Checkbox } from '../checkbox';
|
|
6
|
+
export const WeekDaysSelector = ({ name, short = false, defaultValue, onChange, disabled, className, error, }) => {
|
|
7
|
+
const { toWeekdayString } = useWeekdayString();
|
|
8
|
+
const [selectedStrings, setSelectedStrings] = useState(() => {
|
|
9
|
+
if (!defaultValue) {
|
|
10
|
+
return [];
|
|
11
|
+
}
|
|
12
|
+
if (Array.isArray(defaultValue)) {
|
|
13
|
+
return defaultValue.map(String);
|
|
14
|
+
}
|
|
15
|
+
return [String(defaultValue)];
|
|
16
|
+
});
|
|
17
|
+
const options = useMemo(() => Object.values(Weekday).map((weekday) => ({
|
|
18
|
+
label: toWeekdayString(weekday, short),
|
|
19
|
+
value: String(weekday),
|
|
20
|
+
})), [toWeekdayString, short]);
|
|
21
|
+
const checkboxProps = {
|
|
22
|
+
orientation: 'horizontal',
|
|
23
|
+
name,
|
|
24
|
+
options,
|
|
25
|
+
defaultValue: selectedStrings,
|
|
26
|
+
onChange: (values) => {
|
|
27
|
+
setSelectedStrings(values);
|
|
28
|
+
if (onChange) {
|
|
29
|
+
const weekdayValues = values.map((value) => value);
|
|
30
|
+
onChange(weekdayValues);
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
disabled,
|
|
34
|
+
className,
|
|
35
|
+
error,
|
|
36
|
+
};
|
|
37
|
+
return <Checkbox {...checkboxProps}/>;
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/weekDaysSelector/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,GASN,EAAE,EAAE;IACH,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC9C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,EAAE,CAAA;QACX,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAChC,OAAO,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACjC,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACvC,KAAK,EAAE,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC;QACtC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC;KACvB,CAAC,CAAC,EACL,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IAED,MAAM,aAAa,GAAG;QACpB,WAAW,EAAE,YAAqB;QAClC,IAAI;QACJ,OAAO;QACP,YAAY,EAAE,eAAe;QAC7B,QAAQ,EAAE,CAAC,MAAgB,EAAE,EAAE;YAC7B,kBAAkB,CAAC,MAAM,CAAC,CAAA;YAC1B,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAgB,CAAC,CAAA;gBAC7D,QAAQ,CAAC,aAAa,CAAC,CAAA;YACzB,CAAC;QACH,CAAC;QACD,QAAQ;QACR,SAAS;QACT,KAAK;KACN,CAAA;IAED,OAAO,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Weekday } from '../../../../util/date';
|
|
3
|
+
export declare const WeekdayPicker: ({ name, short, defaultValue, onChange, disabled, className, required, multiSelect, error, ...props }: {
|
|
4
|
+
name: string;
|
|
5
|
+
short?: boolean;
|
|
6
|
+
defaultValue?: Weekday | Weekday[] | null;
|
|
7
|
+
onChange?: (value: Weekday | Weekday[]) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
multiSelect?: boolean;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { useMemo, useState } from 'react';
|
|
3
|
+
import { useWeekdayString } from '../../../../hooks/date';
|
|
4
|
+
import { Weekday } from '../../../../util/date';
|
|
5
|
+
import { Checkbox } from '../checkbox';
|
|
6
|
+
import { Select } from '../select';
|
|
7
|
+
export const WeekdayPicker = ({ name, short = false, defaultValue, onChange, disabled, className, required, multiSelect = false, error, ...props }) => {
|
|
8
|
+
const { toWeekdayString } = useWeekdayString();
|
|
9
|
+
const [selectedStrings, setSelectedStrings] = useState(() => {
|
|
10
|
+
if (!defaultValue)
|
|
11
|
+
return [];
|
|
12
|
+
if (Array.isArray(defaultValue))
|
|
13
|
+
return defaultValue.map(String);
|
|
14
|
+
return [String(defaultValue)];
|
|
15
|
+
});
|
|
16
|
+
const [selectedWeekday, setSelectedWeekday] = useState(!Array.isArray(defaultValue) && defaultValue !== null ? defaultValue : undefined);
|
|
17
|
+
const weekdayItems = useMemo(() => Object.values(Weekday).map((weekday) => ({
|
|
18
|
+
label: toWeekdayString(weekday, short),
|
|
19
|
+
value: String(weekday),
|
|
20
|
+
})), [toWeekdayString, short]);
|
|
21
|
+
const handleMultiSelectChange = (values) => {
|
|
22
|
+
setSelectedStrings(values);
|
|
23
|
+
if (onChange) {
|
|
24
|
+
const weekdayValues = values.map((value) => value);
|
|
25
|
+
onChange(weekdayValues);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const handleSingleSelectChange = (e) => {
|
|
29
|
+
const value = e;
|
|
30
|
+
setSelectedWeekday(value);
|
|
31
|
+
if (onChange) {
|
|
32
|
+
onChange(value);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
if (multiSelect) {
|
|
36
|
+
const checkboxProps = {
|
|
37
|
+
orientation: 'horizontal',
|
|
38
|
+
name,
|
|
39
|
+
options: weekdayItems,
|
|
40
|
+
defaultValue: selectedStrings,
|
|
41
|
+
onChange: handleMultiSelectChange,
|
|
42
|
+
disabled,
|
|
43
|
+
className,
|
|
44
|
+
};
|
|
45
|
+
return <Checkbox {...checkboxProps}/>;
|
|
46
|
+
}
|
|
47
|
+
return (<Select name={name} disabled={disabled} options={weekdayItems} defaultValue={selectedWeekday} required={required} error={error} onChange={handleSingleSelectChange} className={className} {...props}/>);
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/weekdayPicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { type BorderProps, type ColorTypes, ControlSize, type Rounded } from '../../theme';
|
|
3
|
+
import type { IconType } from '../../types';
|
|
4
|
+
export declare const Label: ({ color, size, rounded, border, label, icon, className, ...props }: {
|
|
5
|
+
color: ColorTypes;
|
|
6
|
+
size?: ControlSize;
|
|
7
|
+
rounded?: Rounded;
|
|
8
|
+
border?: BorderProps;
|
|
9
|
+
label?: string;
|
|
10
|
+
icon?: IconType;
|
|
11
|
+
} & Omit<ComponentProps<"label">, "color">) => import("react").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import { useTranslations } from 'next-intl';
|
|
3
|
+
import { Component } from '../../component';
|
|
4
|
+
import { ControlSize } from '../../theme';
|
|
5
|
+
import { getBorderColorTypeClassName, getColorTypeClassName, getControlTextSizeClassName, getRoundedClassName, getTextColorTypeClassName, } from '../../theme';
|
|
6
|
+
export const Label = ({ color, size = ControlSize.base, rounded, border, label, icon, className, ...props }) => {
|
|
7
|
+
const t = useTranslations();
|
|
8
|
+
return (<label className={classNames(getColorTypeClassName(color, true), getTextColorTypeClassName(color, true), 'size-fit', 'gap-control-padding-md flex items-center justify-center', 'overflow-hidden whitespace-nowrap', 'px-control-padding-base py-control-padding-md', getControlTextSizeClassName(size), getRoundedClassName(rounded), getBorderColorTypeClassName(border), {
|
|
9
|
+
'p-control-padding-md!': label === undefined && icon !== undefined,
|
|
10
|
+
}, className)} {...props}>
|
|
11
|
+
{icon && (<Component.Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
|
|
12
|
+
{label && (<>
|
|
13
|
+
<p>{t(label)}</p>
|
|
14
|
+
{icon && <div />}
|
|
15
|
+
</>)}
|
|
16
|
+
</label>);
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAqC,WAAW,EAAgB,MAAM,aAAa,CAAA;AAC1F,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,EACrB,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,aAAa,CAAA;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,OAAO,EACP,MAAM,EACN,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EAQgC,EAAE,EAAE;IAC5C,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,CAAC,KAAK,CACJ,SAAS,CAAC,CAAC,UAAU,CACnB,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,EAClC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,EACtC,UAAU,EACV,yDAAyD,EACzD,mCAAmC,EACnC,+CAA+C,EAC/C,2BAA2B,CAAC,IAAI,CAAC,EACjC,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC;YACE,uBAAuB,EAAE,KAAK,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS;SACnE,EACD,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,IAAI,CACP,CAAC,SAAS,CAAC,IAAI,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,UAAU,CACnB,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,MAAM,IAAI,oBAAoB,EACvC,IAAI,KAAK,IAAI,IAAI,oBAAoB,EACrC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,KAAK,IAAI,mBAAmB,EACrC,IAAI,KAAK,KAAK,IAAI,mBAAmB,CACtC,CAAC,EACF,CACH,CACD;MAAA,CAAC,KAAK,IAAI,CACR,EACE;UAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAChB;UAAA,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,AAAD,EAAG,CAClB;QAAA,GAAG,CACJ,CACH;IAAA,EAAE,KAAK,CAAC,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
import { Button } from '../button';
|
|
3
|
+
export declare const PageTitle: ({ routes, title, actions, back, keepRoutesSpace, showTitle, className, }: {
|
|
4
|
+
routes?: {
|
|
5
|
+
label: string;
|
|
6
|
+
href: string;
|
|
7
|
+
}[];
|
|
8
|
+
title: string;
|
|
9
|
+
actions?: {
|
|
10
|
+
path: string;
|
|
11
|
+
button?: ComponentProps<typeof Button>;
|
|
12
|
+
content?: ReactNode;
|
|
13
|
+
}[];
|
|
14
|
+
back?: boolean;
|
|
15
|
+
keepRoutesSpace?: boolean;
|
|
16
|
+
showTitle?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
}) => import("react").JSX.Element;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import Link from 'next/link';
|
|
4
|
+
import { usePathname, useRouter } from 'next/navigation';
|
|
5
|
+
import { Component } from '../../component';
|
|
6
|
+
import { ColorTypes, ControlSize, TextColorTypes } from '../../theme';
|
|
7
|
+
import { Button } from '../button';
|
|
8
|
+
export const PageTitle = ({ routes, title, actions, back = false, keepRoutesSpace = true, showTitle = true, className, }) => {
|
|
9
|
+
const router = useRouter();
|
|
10
|
+
const pathname = usePathname();
|
|
11
|
+
return (<div className={classNames('gap-control-padding-base px-base flex w-full flex-col whitespace-nowrap', className)}>
|
|
12
|
+
{(keepRoutesSpace || routes !== undefined) && (<div className='flex justify-between'>
|
|
13
|
+
<div className={classNames('gap-control-padding-base flex h-6 items-center')}>
|
|
14
|
+
{routes?.map((route, i) => {
|
|
15
|
+
return (<div key={i} className='gap-control-padding-base flex items-center'>
|
|
16
|
+
<Component.Typography.LinkText href={route.href} color={TextColorTypes.sub} className='text-xs'>
|
|
17
|
+
{route.label}
|
|
18
|
+
</Component.Typography.LinkText>
|
|
19
|
+
<Component.Typography.P color={TextColorTypes.sub} className='text-xs'>
|
|
20
|
+
{'/'}
|
|
21
|
+
</Component.Typography.P>
|
|
22
|
+
</div>);
|
|
23
|
+
})}
|
|
24
|
+
{routes !== undefined && (<Component.Typography.P color={TextColorTypes.main} className='text-xs'>
|
|
25
|
+
{title}
|
|
26
|
+
</Component.Typography.P>)}
|
|
27
|
+
</div>
|
|
28
|
+
{!showTitle &&
|
|
29
|
+
actions?.map((action, i) => {
|
|
30
|
+
if (action.path === (pathname ?? '#')) {
|
|
31
|
+
return (<div key={i} className='flex items-center gap-control-padding-sm'>
|
|
32
|
+
{action.button !== undefined && <Button {...action.button}/>}
|
|
33
|
+
{action.content !== undefined && action.content}
|
|
34
|
+
</div>);
|
|
35
|
+
}
|
|
36
|
+
return null;
|
|
37
|
+
})}
|
|
38
|
+
</div>)}
|
|
39
|
+
{showTitle && (<div className='flex items-center justify-between'>
|
|
40
|
+
<div className='flex'>
|
|
41
|
+
<div className='gap-xs flex items-center'>
|
|
42
|
+
{back === true && (<Link href='#' className='whitespace-nowrap' onClick={router.back}>
|
|
43
|
+
<Component.Typography.P>{'<'} Back</Component.Typography.P>
|
|
44
|
+
</Link>)}
|
|
45
|
+
<Component.Typography.H3 className='font-bold'>{title}</Component.Typography.H3>
|
|
46
|
+
</div>
|
|
47
|
+
{/* サイズ調整用のダミー */}
|
|
48
|
+
<Button variant='colored' color={ColorTypes.primary} size={ControlSize.md} label=' ' disabled className='opacity-0'/>
|
|
49
|
+
</div>
|
|
50
|
+
{actions?.map((action, i) => {
|
|
51
|
+
if (action.path === (pathname ?? '#')) {
|
|
52
|
+
return (<div key={i} className='flex items-center gap-control-padding-sm'>
|
|
53
|
+
{action.button !== undefined && <Button {...action.button}/>}
|
|
54
|
+
{action.content !== undefined && action.content}
|
|
55
|
+
</div>);
|
|
56
|
+
}
|
|
57
|
+
return null;
|
|
58
|
+
})}
|
|
59
|
+
</div>)}
|
|
60
|
+
</div>);
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/composite/pageTitle/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGxD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,IAAI,EAChB,SAAS,GAgBV,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,yEAAyE,EAAE,SAAS,CAAC,CAAC,CAC/G;MAAA,CAAC,CAAC,eAAe,IAAI,MAAM,KAAK,SAAS,CAAC,IAAI,CAC5C,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,gDAAgD,CAAC,CAAC,CAC3E;YAAA,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,4CAA4C,CACjE;kBAAA,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,SAAS,CAC7F;oBAAA,CAAC,KAAK,CAAC,KAAK,CACd;kBAAA,EAAE,SAAS,CAAC,UAAU,CAAC,QAAQ,CAC/B;kBAAA,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,SAAS,CACpE;oBAAA,CAAC,GAAG,CACN;kBAAA,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAC1B;gBAAA,EAAE,GAAG,CAAC,CACP,CAAA;YACH,CAAC,CAAC,CACF;YAAA,CAAC,MAAM,KAAK,SAAS,IAAI,CACvB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CACrE;gBAAA,CAAC,KAAK,CACR;cAAA,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAC1B,CACH;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,CAAC,SAAS;gBACT,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACzB,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,EAAE,CAAC;wBACtC,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,0CAA0C,CAC/D;oBAAA,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,EAAG,CAC7D;oBAAA,CAAC,MAAM,CAAC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,CACjD;kBAAA,EAAE,GAAG,CAAC,CACP,CAAA;oBACH,CAAC;oBACD,OAAO,IAAI,CAAA;gBACb,CAAC,CAAC,CACN;QAAA,EAAE,GAAG,CAAC,CACP,CACD;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,mCAAmC,CAChD;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CACvC;cAAA,CAAC,IAAI,KAAK,IAAI,IAAI,CAChB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAChE;kBAAA,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAE,KAAI,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAC5D;gBAAA,EAAE,IAAI,CAAC,CACR,CACD;cAAA,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,CACjF;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,gBAAgB,CACjB;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,SAAS,CACjB,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAC1B,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CACrB,KAAK,CAAC,GAAG,CACT,QAAQ,CACR,SAAS,CAAC,WAAW,EAEzB;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1B,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,0CAA0C,CAC/D;kBAAA,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,EAAG,CAC7D;kBAAA,CAAC,MAAM,CAAC,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,CACjD;gBAAA,EAAE,GAAG,CAAC,CACP,CAAA;gBACH,CAAC;gBACD,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CACJ;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const Functional: {
|
|
2
|
+
SignOutForm: ({ replace }: {
|
|
3
|
+
replace?: string;
|
|
4
|
+
}) => import("react").JSX.Element;
|
|
5
|
+
SignInForm: ({ title, name }: {
|
|
6
|
+
title?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
}) => import("react").JSX.Element;
|
|
9
|
+
NotFound: () => import("react").JSX.Element;
|
|
10
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/functional/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAA;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,WAAW;CACf,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const NotFound: () => import("react").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Component } from '../../component';
|
|
2
|
+
import { Composite } from '../../composite';
|
|
3
|
+
import { Layout } from '../../layout';
|
|
4
|
+
import { TextColorTypes } from '../../theme';
|
|
5
|
+
export const NotFound = () => (<Layout.AppContent title={{
|
|
6
|
+
title: 'Page not found',
|
|
7
|
+
}}>
|
|
8
|
+
<Component.Typography.P color={TextColorTypes.main}>
|
|
9
|
+
The URL may be incorrect or the page may have been deleted.
|
|
10
|
+
</Component.Typography.P>
|
|
11
|
+
<Composite.Button variant='colored' color={TextColorTypes.primary} href='/' label='Go to home'/>
|
|
12
|
+
</Layout.AppContent>);
|
|
13
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/functional/notFound/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,CAAC,MAAM,CAAC,UAAU,CAChB,KAAK,CAAC,CAAC;QACL,KAAK,EAAE,gBAAgB;KACxB,CAAC,CAEF;IAAA,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CACjD;;IACF,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CACxB;IAAA,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,EAChG;EAAA,EAAE,MAAM,CAAC,UAAU,CAAC,CACrB,CAAA"}
|