@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,7 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
|
+
export const Input = (props) => (<components.Input type='button' {...props} className={classNames(props.disabled === true ? 'clickable-disabled' : 'clickable-enabled', 'text-sm h-control-md m-0 p-0 text-mainText-container! my-control-padding-base!', getTextColorTypeClassName(TextColorTypes.main, true), 'bg-transparent!')} aria-activedescendant={undefined}/>);
|
|
7
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Input/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmC,MAAM,cAAc,CAAA;AAE1E,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,KAAK,GAAyE,CACzF,KAAgF,EAChF,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,KAAK,CACf,IAAI,CAAC,QAAQ,CACb,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CACnB,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,EACpE,gFAAgF,EAChF,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,EACpD,iBAAiB,CAClB,CAAC,CACF,qBAAqB,CAAC,CAAC,SAAS,CAAC,EACjC,CACH,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, } from '../../../../theme';
|
|
6
|
+
export const Menu = (props) => {
|
|
7
|
+
const { children, ...rest } = props;
|
|
8
|
+
return (<components.Menu {...rest}>
|
|
9
|
+
<div className={classNames('rounded-md shadow-lg', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getBorderColorTypeClassName({
|
|
10
|
+
color: BorderColorTypes.default,
|
|
11
|
+
container: true,
|
|
12
|
+
width: BorderWidth.base,
|
|
13
|
+
type: 'outline',
|
|
14
|
+
}))}>
|
|
15
|
+
{children}
|
|
16
|
+
</div>
|
|
17
|
+
</components.Menu>);
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Menu/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAkC,MAAM,cAAc,CAAA;AAEzE,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,mBAAmB,CAAA;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwE,CACvF,KAAgE,EAChE,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CACxB;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,sBAAsB,EACtB,+BAA+B,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAC7D,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC,CACH,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,UAAU,CAAC,IAAI,CAAC,CACnB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import CloseIcon from '@mui/icons-material/Close';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { components } from 'react-select';
|
|
6
|
+
import { getRoundedClassName, Rounded } from '../../../../theme';
|
|
7
|
+
export const MultiValue = (props) => (<components.MultiValue {...props} className={classNames('flex items-center gap-control-padding-sm text-sm text-secondary-container-on! pl-0! pr-control-padding-sm! py-control-padding-md!')}>
|
|
8
|
+
<div className={classNames('flex items-center justify-center p-0! m-0! h-control-md bg-secondary-container-bg! gap-control-padding-sm px-control-padding-md! opacity-85', getRoundedClassName(Rounded.s))}>
|
|
9
|
+
{props.data.label}
|
|
10
|
+
<button type='button' onClick={props.removeProps.onClick} className='flex items-center justify-center p-0! m-0!'>
|
|
11
|
+
<CloseIcon className='size-control-sm! cursor-pointer'/>
|
|
12
|
+
</button>
|
|
13
|
+
</div>
|
|
14
|
+
</components.MultiValue>);
|
|
15
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/MultiValue/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAwC,MAAM,cAAc,CAAA;AAE/E,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAGhE,MAAM,CAAC,MAAM,UAAU,GAA8E,CACnG,KAAsE,EACtE,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,UAAU,CACpB,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CACnB,mIAAmI,CACpI,CAAC,CAEF;IAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,6IAA6I,EAC7I,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/B,CAAC,CAEF;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CACjB;MAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,OAAgE,CAAC,CAC5F,SAAS,CAAC,4CAA4C,CAEtD;QAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iCAAiC,EACxD;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CACP;EAAA,EAAE,UAAU,CAAC,UAAU,CAAC,CACzB,CAAA"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
const hoverEvent = new EventTarget();
|
|
6
|
+
const HOVER_EVENT_NAME = 'any-hover';
|
|
7
|
+
export const Option = (props) => {
|
|
8
|
+
const { children, ...rest } = props;
|
|
9
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
10
|
+
const [isAnythingElseHovered, setIsAnythingElseHovered] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const handleGlobalHover = (e) => {
|
|
13
|
+
const customEvent = e;
|
|
14
|
+
// 発火元が自分以外なら「他の要素がホバーされた」と判定
|
|
15
|
+
setIsAnythingElseHovered(customEvent.detail.value !== rest.data.value);
|
|
16
|
+
};
|
|
17
|
+
hoverEvent.addEventListener(HOVER_EVENT_NAME, handleGlobalHover);
|
|
18
|
+
return () => {
|
|
19
|
+
hoverEvent.removeEventListener(HOVER_EVENT_NAME, handleGlobalHover);
|
|
20
|
+
};
|
|
21
|
+
}, [rest.data.value]);
|
|
22
|
+
const showFocusStyle = !props.isDisabled && (isHovered || (rest.isFocused && !isAnythingElseHovered));
|
|
23
|
+
const showSelectedOnly = !props.isDisabled && rest.isSelected && !showFocusStyle;
|
|
24
|
+
return (<components.Option {...rest} innerProps={{
|
|
25
|
+
...rest.innerProps,
|
|
26
|
+
tabIndex: props.isDisabled ? -1 : rest.innerProps.tabIndex,
|
|
27
|
+
onClick: props.isDisabled
|
|
28
|
+
? (e) => {
|
|
29
|
+
e.preventDefault();
|
|
30
|
+
e.stopPropagation();
|
|
31
|
+
}
|
|
32
|
+
: rest.innerProps.onClick,
|
|
33
|
+
onMouseEnter: () => {
|
|
34
|
+
if (!props.isDisabled) {
|
|
35
|
+
setIsHovered(true);
|
|
36
|
+
setIsAnythingElseHovered(false);
|
|
37
|
+
hoverEvent.dispatchEvent(new CustomEvent(HOVER_EVENT_NAME, {
|
|
38
|
+
detail: { value: rest.data.value },
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
onMouseLeave: () => {
|
|
43
|
+
setIsHovered(false);
|
|
44
|
+
},
|
|
45
|
+
onMouseMove: undefined,
|
|
46
|
+
onMouseOver: undefined,
|
|
47
|
+
}} className={classNames({
|
|
48
|
+
'text-disabledText-default opacity-50': props.isDisabled,
|
|
49
|
+
'bg-primary-default-bg! text-primary-default-on!': showFocusStyle,
|
|
50
|
+
'text-primary-default-bg!': showSelectedOnly,
|
|
51
|
+
'active:opacity-80': !props.isDisabled,
|
|
52
|
+
})}>
|
|
53
|
+
<div className={classNames('flex items-center px-control-padding-sm py-control-padding-md text-sm', {
|
|
54
|
+
'cursor-default': props.isDisabled,
|
|
55
|
+
'cursor-pointer': !props.isDisabled,
|
|
56
|
+
})} style={{
|
|
57
|
+
paddingLeft: rest.data.isChild
|
|
58
|
+
? `${rest.selectProps.indentPadding ? rest.selectProps.indentPadding * 2 : '20px'}`
|
|
59
|
+
: rest.selectProps.indentPadding
|
|
60
|
+
? rest.selectProps.indentPadding
|
|
61
|
+
: '',
|
|
62
|
+
height: rest.selectProps.height ? `${rest.selectProps.height}px` : '',
|
|
63
|
+
borderBottom: rest.selectProps.showDividerBetweenOptions ? '1px solid rgb(224 224 224)' : 'none',
|
|
64
|
+
}} onClick={props.isDisabled
|
|
65
|
+
? (e) => e.stopPropagation()
|
|
66
|
+
: rest.data.handleOnClick
|
|
67
|
+
? (e) => {
|
|
68
|
+
e.stopPropagation();
|
|
69
|
+
rest.data.handleOnClick();
|
|
70
|
+
}
|
|
71
|
+
: undefined}>
|
|
72
|
+
<span className='flex items-center gap-control-padding-base' title={props.isDisabled && typeof rest.data.disabled === 'string' ? rest.data?.disabled : ''}>
|
|
73
|
+
{rest.data.icon?.({ size: 'small' })}
|
|
74
|
+
{children}
|
|
75
|
+
</span>
|
|
76
|
+
</div>
|
|
77
|
+
</components.Option>);
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Option/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
|
+
export const Placeholder = (props) => (<components.Placeholder {...props} className={classNames('m-0 p-0 h-control-md text-sm my-control-padding-base!', getTextColorTypeClassName(TextColorTypes.main, false), 'bg-transparent!')}/>);
|
|
7
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Placeholder/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAyC,MAAM,cAAc,CAAA;AAEhF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,WAAW,GAA+E,CACrG,KAAuE,EACvE,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,WAAW,CACrB,IAAI,KAAK,CAAC,CACV,SAAS,CAAC,CAAC,UAAU,CACnB,uDAAuD,EACvD,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EACrD,iBAAiB,CAClB,CAAC,EACF,CACH,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
|
+
import { isSelectOption } from '../types';
|
|
7
|
+
export const SelectContainer = (props) => (<div className='flex flex-col'>
|
|
8
|
+
<components.SelectContainer {...props}>{props.children}</components.SelectContainer>
|
|
9
|
+
{props.isMulti && (<div className='mt-control-padding-sm flex justify-end relative'>
|
|
10
|
+
<button type='button' className={classNames('absolute right-0 top-0', 'text-xs px-control-padding-sm py-control-padding-xs hover:underline', getTextColorTypeClassName(TextColorTypes.main, false), 'bg-transparent!')} onClick={(e) => {
|
|
11
|
+
e.stopPropagation();
|
|
12
|
+
e.preventDefault();
|
|
13
|
+
props.setValue(props.options
|
|
14
|
+
.flatMap((option) => {
|
|
15
|
+
if (!isSelectOption(option)) {
|
|
16
|
+
return option.options;
|
|
17
|
+
}
|
|
18
|
+
if (option.options?.length) {
|
|
19
|
+
return option.options;
|
|
20
|
+
}
|
|
21
|
+
return option;
|
|
22
|
+
})
|
|
23
|
+
.filter((option) => {
|
|
24
|
+
if (typeof option.disabled === 'undefined') {
|
|
25
|
+
return true;
|
|
26
|
+
}
|
|
27
|
+
if (typeof option.disabled === 'string') {
|
|
28
|
+
return false;
|
|
29
|
+
}
|
|
30
|
+
if (typeof option.handleOnClick !== 'undefined') {
|
|
31
|
+
return false;
|
|
32
|
+
}
|
|
33
|
+
return !option.disabled;
|
|
34
|
+
}), 'select-option');
|
|
35
|
+
}}>
|
|
36
|
+
全てチェック
|
|
37
|
+
</button>
|
|
38
|
+
</div>)}
|
|
39
|
+
</div>);
|
|
40
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/SelectContainer/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAuC,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAE7E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,eAAe,GAA6E,CACvG,KAAqE,EACrE,EAAE,CAAC,CACH,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAC5B;IAAA,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,eAAe,CACnF;IAAA,CAAC,KAAK,CAAC,OAAO,IAAI,CAChB,CAAC,GAAG,CAAC,SAAS,CAAC,iDAAiD,CAC9D;QAAA,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,wBAAwB,EACxB,qEAAqE,EACrE,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EACrD,iBAAiB,CAClB,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,KAAK,CAAC,QAAQ,CACZ,KAAK,CAAC,OAAO;iBACV,OAAO,CAAC,CAAC,MAA8C,EAAE,EAAE;gBAC1D,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC5B,OAAO,MAAM,CAAC,OAAO,CAAA;gBACvB,CAAC;gBACD,IAAI,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;oBAC3B,OAAO,MAAM,CAAC,OAAO,CAAA;gBACvB,CAAC;gBACD,OAAO,MAAM,CAAA;YACf,CAAC,CAAC;iBACD,MAAM,CAAC,CAAC,MAAoB,EAAE,EAAE;gBAC/B,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,WAAW,EAAE,CAAC;oBAC3C,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBACxC,OAAO,KAAK,CAAA;gBACd,CAAC;gBAED,IAAI,OAAO,MAAM,CAAC,aAAa,KAAK,WAAW,EAAE,CAAC;oBAChD,OAAO,KAAK,CAAA;gBACd,CAAC;gBAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAA;YACzB,CAAC,CAAC,EACJ,eAAe,CAChB,CAAA;QACH,CAAC,CAAC,CAEF;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,GAAG,CAAC,CACP,CACH;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { components } from 'react-select';
|
|
5
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
|
|
6
|
+
export const SingleValue = (props) => {
|
|
7
|
+
const { children, ...rest } = props;
|
|
8
|
+
return (<components.SingleValue {...rest}>
|
|
9
|
+
<div className={classNames('flex items-center gap-control-padding-sm text-sm w-full overflow-hidden py-control-padding-md!', getTextColorTypeClassName(TextColorTypes.main, false))} style={{
|
|
10
|
+
paddingLeft: props.selectProps.indentPadding ?? '',
|
|
11
|
+
}}>
|
|
12
|
+
{props.data.icon?.({ size: 'small' })}
|
|
13
|
+
{children}
|
|
14
|
+
</div>
|
|
15
|
+
</components.SingleValue>);
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/SingleValue/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAyC,MAAM,cAAc,CAAA;AAEhF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,WAAW,GAA+E,CACrG,KAAuE,EACvE,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,CAC/B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gGAAgG,EAChG,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CACtD,CAAC,CACF,KAAK,CAAC,CAAC;YACL,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,aAAa,IAAI,EAAE;SACnD,CAAC,CAEF;QAAA,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CACrC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,UAAU,CAAC,WAAW,CAAC,CAC1B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { GroupBase, OptionsOrGroups, SelectInstance } from 'react-select';
|
|
2
|
+
import { Rounded } from '../../../theme';
|
|
3
|
+
import type { SelectOption } from './types';
|
|
4
|
+
declare module 'react-select/base' {
|
|
5
|
+
interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
6
|
+
height?: number;
|
|
7
|
+
showDividerBetweenOptions?: boolean;
|
|
8
|
+
indentPadding?: number;
|
|
9
|
+
rounded?: Rounded;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
export declare const useScrollToSelectedOnOpen: (args: {
|
|
14
|
+
menuOpen: boolean;
|
|
15
|
+
portalEl?: HTMLElement;
|
|
16
|
+
instanceId: string;
|
|
17
|
+
}) => void;
|
|
18
|
+
export declare const Select: import("react").ForwardRefExoticComponent<{
|
|
19
|
+
name: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
options: OptionsOrGroups<SelectOption, GroupBase<SelectOption>>;
|
|
22
|
+
defaultValue?: string | number | readonly string[] | undefined | null;
|
|
23
|
+
value?: string;
|
|
24
|
+
onChange?: (value: string) => void;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
required?: boolean;
|
|
27
|
+
isMulti?: boolean;
|
|
28
|
+
isSearchable?: boolean;
|
|
29
|
+
isClearable?: boolean;
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
noOptionsMessage?: string;
|
|
32
|
+
showDividerBetweenOptions?: boolean;
|
|
33
|
+
indentPadding?: number;
|
|
34
|
+
autoFocus?: boolean;
|
|
35
|
+
rounded?: Rounded;
|
|
36
|
+
error?: boolean;
|
|
37
|
+
} & import("react").RefAttributes<SelectInstance<SelectOption, boolean>>>;
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useTranslations } from 'next-intl';
|
|
4
|
+
import { forwardRef, useCallback, useEffect, useId, useMemo, useState } from 'react';
|
|
5
|
+
import ReactSelect from 'react-select';
|
|
6
|
+
import { Rounded } from '../../../theme';
|
|
7
|
+
import { ClearIndicator } from './ClearIndicator';
|
|
8
|
+
import { Control } from './Control';
|
|
9
|
+
import { DropdownIndicator } from './DropdownIndicator';
|
|
10
|
+
import { GroupHeading } from './GroupHeading';
|
|
11
|
+
import { Input } from './Input';
|
|
12
|
+
import { Menu } from './Menu';
|
|
13
|
+
import { MultiValue } from './MultiValue';
|
|
14
|
+
import { Option } from './Option';
|
|
15
|
+
import { Placeholder } from './Placeholder';
|
|
16
|
+
import { SelectContainer } from './SelectContainer';
|
|
17
|
+
import { SingleValue } from './SingleValue';
|
|
18
|
+
const escapeCss = (v) => {
|
|
19
|
+
try {
|
|
20
|
+
return CSS && typeof CSS.escape === 'function' ? CSS.escape(v) : v;
|
|
21
|
+
}
|
|
22
|
+
catch {
|
|
23
|
+
return v;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
export const useScrollToSelectedOnOpen = (args) => {
|
|
27
|
+
const { menuOpen, portalEl, instanceId } = args;
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (!menuOpen) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
const root = portalEl ?? document.body;
|
|
33
|
+
const listboxId = `${instanceId}-listbox`;
|
|
34
|
+
let cancelled = false;
|
|
35
|
+
let attempt = 0;
|
|
36
|
+
const maxAttempts = 8;
|
|
37
|
+
const tick = () => {
|
|
38
|
+
if (cancelled) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
attempt += 1;
|
|
42
|
+
const byId = root.querySelector(`#${escapeCss(listboxId)}`);
|
|
43
|
+
const byRole = root.querySelector('[role="listbox"]');
|
|
44
|
+
const menuList = byId ?? byRole;
|
|
45
|
+
if (!(menuList instanceof HTMLElement)) {
|
|
46
|
+
if (attempt < maxAttempts) {
|
|
47
|
+
requestAnimationFrame(tick);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
const selected = menuList.querySelector('[aria-selected="true"]') ?? menuList.querySelector('.react-select__option--is-selected');
|
|
53
|
+
if (!(selected instanceof HTMLElement)) {
|
|
54
|
+
if (attempt < maxAttempts) {
|
|
55
|
+
requestAnimationFrame(tick);
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
selected.scrollIntoView({ block: 'start', behavior: 'instant' });
|
|
61
|
+
cancelled = true;
|
|
62
|
+
};
|
|
63
|
+
requestAnimationFrame(tick);
|
|
64
|
+
return () => {
|
|
65
|
+
cancelled = true;
|
|
66
|
+
};
|
|
67
|
+
}, [menuOpen, portalEl, instanceId]);
|
|
68
|
+
};
|
|
69
|
+
export const Select = forwardRef(({ name, className, options, defaultValue, value, onChange, disabled, required, isMulti = false, isSearchable = true, isClearable = true, placeholder = 'Please select', noOptionsMessage = 'No options found', showDividerBetweenOptions, indentPadding, autoFocus, rounded = Rounded.m, error, ...props }, ref) => {
|
|
70
|
+
const t = useTranslations();
|
|
71
|
+
// valueが指定されている場合は制御コンポーネント、そうでない場合は非制御コンポーネント
|
|
72
|
+
const isControlled = value !== undefined;
|
|
73
|
+
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
74
|
+
const processedOptions = useMemo(() => {
|
|
75
|
+
return options.map((option) => {
|
|
76
|
+
if ('options' in option) {
|
|
77
|
+
return option;
|
|
78
|
+
}
|
|
79
|
+
return { ...option, label: option.label, value: option.value };
|
|
80
|
+
});
|
|
81
|
+
}, [options]);
|
|
82
|
+
const selectedOptions = useCallback((values) => {
|
|
83
|
+
const flatOptions = [];
|
|
84
|
+
processedOptions.forEach((option) => {
|
|
85
|
+
if ('options' in option && option.options) {
|
|
86
|
+
flatOptions.push(...option.options);
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
flatOptions.push(option);
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
return flatOptions.filter((option) => (Array.isArray(values) ? values : Array.of(values)).includes(option.value));
|
|
93
|
+
}, [processedOptions]);
|
|
94
|
+
const onChangeSelect = (newValue) => {
|
|
95
|
+
const isMultiValue = (value) => {
|
|
96
|
+
return Array.isArray(value);
|
|
97
|
+
};
|
|
98
|
+
if (isMulti) {
|
|
99
|
+
const values = isMultiValue(newValue) ? newValue.map((v) => v.value) : [];
|
|
100
|
+
const valueString = values.join(',');
|
|
101
|
+
if (!isControlled) {
|
|
102
|
+
setInternalValue(valueString);
|
|
103
|
+
}
|
|
104
|
+
onChange?.(valueString);
|
|
105
|
+
}
|
|
106
|
+
else {
|
|
107
|
+
const singleValue = newValue;
|
|
108
|
+
const valueString = singleValue?.value || '';
|
|
109
|
+
if (!isControlled) {
|
|
110
|
+
setInternalValue(valueString);
|
|
111
|
+
}
|
|
112
|
+
onChange?.(valueString);
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
const processedValue = useCallback(() => {
|
|
116
|
+
const valueToUse = isControlled ? value : internalValue;
|
|
117
|
+
if (valueToUse === null || valueToUse === undefined)
|
|
118
|
+
return undefined;
|
|
119
|
+
if (Array.isArray(valueToUse)) {
|
|
120
|
+
return selectedOptions(valueToUse);
|
|
121
|
+
}
|
|
122
|
+
if (isMulti && typeof valueToUse === 'string' && valueToUse.includes(',')) {
|
|
123
|
+
return selectedOptions(valueToUse.split(','));
|
|
124
|
+
}
|
|
125
|
+
return selectedOptions(valueToUse);
|
|
126
|
+
}, [isControlled, value, internalValue, selectedOptions, isMulti]);
|
|
127
|
+
const [portalEl, setPortalEl] = useState();
|
|
128
|
+
useEffect(() => {
|
|
129
|
+
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
130
|
+
setPortalEl(document.getElementById('portal') ?? undefined);
|
|
131
|
+
}, []);
|
|
132
|
+
const [menuOpen, setMenuOpen] = useState(false);
|
|
133
|
+
const menuPortalTarget = portalEl ?? (typeof document !== 'undefined' ? document.body : undefined);
|
|
134
|
+
useScrollToSelectedOnOpen({ menuOpen, portalEl: menuPortalTarget, instanceId: 'react-select' });
|
|
135
|
+
const rid = useId();
|
|
136
|
+
// react-select の instanceId は string | number
|
|
137
|
+
const instanceId = useMemo(() => `rs-${rid}`, [rid]);
|
|
138
|
+
return (<ReactSelect ref={ref} classNamePrefix='react-select' instanceId={instanceId} menuPortalTarget={menuPortalTarget} menuPosition='fixed' onMenuOpen={() => setMenuOpen(true)} onMenuClose={() => setMenuOpen(false)} name={name} className={classNames('w-full', className)} options={processedOptions} value={processedValue()} onChange={onChangeSelect} isDisabled={disabled} required={required} isMulti={isMulti} isSearchable={isSearchable} isClearable={isClearable} placeholder={t(placeholder)} noOptionsMessage={() => t(noOptionsMessage)} showDividerBetweenOptions={showDividerBetweenOptions} indentPadding={indentPadding} autoFocus={autoFocus} rounded={rounded} error={error} formatOptionLabel={(option) => t(option.label)} openMenuOnFocus={!autoFocus} closeMenuOnSelect={!isMulti} backspaceRemovesValue components={{
|
|
139
|
+
Control,
|
|
140
|
+
SingleValue,
|
|
141
|
+
MultiValue,
|
|
142
|
+
MultiValueRemove: () => null,
|
|
143
|
+
GroupHeading,
|
|
144
|
+
Placeholder,
|
|
145
|
+
IndicatorSeparator: undefined,
|
|
146
|
+
DropdownIndicator,
|
|
147
|
+
ClearIndicator,
|
|
148
|
+
Input,
|
|
149
|
+
Menu,
|
|
150
|
+
Option,
|
|
151
|
+
SelectContainer,
|
|
152
|
+
}} isOptionDisabled={(option) => {
|
|
153
|
+
if (typeof option.disabled === 'undefined')
|
|
154
|
+
return false;
|
|
155
|
+
if (typeof option.disabled === 'string')
|
|
156
|
+
return true;
|
|
157
|
+
if (typeof option.disabled === 'boolean')
|
|
158
|
+
return option.disabled;
|
|
159
|
+
return true;
|
|
160
|
+
}} styles={{
|
|
161
|
+
control: () => ({
|
|
162
|
+
backgroundColor: 'transparent',
|
|
163
|
+
width: '100%',
|
|
164
|
+
minWidth: 'fit-content',
|
|
165
|
+
margin: 0,
|
|
166
|
+
padding: 0,
|
|
167
|
+
}),
|
|
168
|
+
valueContainer: (baseStyles) => ({
|
|
169
|
+
...baseStyles,
|
|
170
|
+
margin: 0,
|
|
171
|
+
padding: 0,
|
|
172
|
+
}),
|
|
173
|
+
singleValue: (baseStyles) => ({
|
|
174
|
+
...baseStyles,
|
|
175
|
+
margin: 0,
|
|
176
|
+
padding: 0,
|
|
177
|
+
width: '100%',
|
|
178
|
+
overflow: 'hidden',
|
|
179
|
+
textOverflow: 'ellipsis',
|
|
180
|
+
whiteSpace: 'nowrap',
|
|
181
|
+
}),
|
|
182
|
+
multiValue: () => ({
|
|
183
|
+
margin: 0,
|
|
184
|
+
padding: 0,
|
|
185
|
+
cursor: 'default',
|
|
186
|
+
}),
|
|
187
|
+
placeholder: (baseStyles) => ({
|
|
188
|
+
...baseStyles,
|
|
189
|
+
margin: 0,
|
|
190
|
+
padding: 0,
|
|
191
|
+
}),
|
|
192
|
+
indicatorsContainer: () => ({
|
|
193
|
+
margin: 0,
|
|
194
|
+
padding: 0,
|
|
195
|
+
display: 'flex',
|
|
196
|
+
flexDirection: 'row',
|
|
197
|
+
alignItems: 'center',
|
|
198
|
+
justifyContent: 'center',
|
|
199
|
+
}),
|
|
200
|
+
dropdownIndicator: () => ({
|
|
201
|
+
margin: 0,
|
|
202
|
+
padding: 0,
|
|
203
|
+
width: 'fit-content',
|
|
204
|
+
height: 'fit-content',
|
|
205
|
+
display: 'flex',
|
|
206
|
+
alignItems: 'center',
|
|
207
|
+
justifyContent: 'center',
|
|
208
|
+
}),
|
|
209
|
+
clearIndicator: () => ({
|
|
210
|
+
margin: 0,
|
|
211
|
+
padding: 0,
|
|
212
|
+
width: 'fit-content',
|
|
213
|
+
height: 'fit-content',
|
|
214
|
+
display: 'flex',
|
|
215
|
+
alignItems: 'center',
|
|
216
|
+
justifyContent: 'center',
|
|
217
|
+
}),
|
|
218
|
+
input: (baseStyles) => ({
|
|
219
|
+
...baseStyles,
|
|
220
|
+
margin: 0,
|
|
221
|
+
padding: 0,
|
|
222
|
+
}),
|
|
223
|
+
menu: (base) => ({
|
|
224
|
+
...base,
|
|
225
|
+
minWidth: '100%',
|
|
226
|
+
width: 'auto',
|
|
227
|
+
margin: 0,
|
|
228
|
+
padding: 0,
|
|
229
|
+
}),
|
|
230
|
+
option: (baseStyles, state) => ({
|
|
231
|
+
...baseStyles,
|
|
232
|
+
backgroundColor: 'transparent',
|
|
233
|
+
cursor: state.isDisabled ? 'default' : 'pointer',
|
|
234
|
+
opacity: state.isDisabled ? 0.5 : 1,
|
|
235
|
+
':active': {
|
|
236
|
+
opacity: state.isDisabled ? 0.5 : 0.8,
|
|
237
|
+
},
|
|
238
|
+
}),
|
|
239
|
+
}} {...props}/>);
|
|
240
|
+
});
|
|
241
|
+
Select.displayName = 'Select';
|
|
242
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ReactElement } from 'react';
|
|
2
|
+
import type { GroupBase } from 'react-select';
|
|
3
|
+
export type SelectOption = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean | string | ReactElement;
|
|
7
|
+
options?: SelectOption[];
|
|
8
|
+
isChild?: boolean;
|
|
9
|
+
href?: string;
|
|
10
|
+
target?: string;
|
|
11
|
+
icon?: (props: {
|
|
12
|
+
size?: 'small' | 'medium' | 'large';
|
|
13
|
+
}) => ReactElement;
|
|
14
|
+
handleOnClick?: () => void;
|
|
15
|
+
};
|
|
16
|
+
export declare const isSelectOption: (optionParams: SelectOption | GroupBase<SelectOption>) => optionParams is SelectOption;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/select/types.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAiBZ,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,YAAoD,EAAgC,EAAE;IACnH,MAAM,MAAM,GAAG,YAA4B,CAAA;IAC3C,OAAO,OAAO,MAAM,EAAE,KAAK,KAAK,QAAQ,CAAA;AAC1C,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type ComponentProps } from 'react';
|
|
2
|
+
import type { TextColorTypes } from '../../../theme';
|
|
3
|
+
import { Rounded } from '../../../theme';
|
|
4
|
+
import type { IconType } from '../../../types';
|
|
5
|
+
export declare const Text: ({ name, rounded, focused, color, icon, className, defaultValue, error, inputClassName, isClearable, ...props }: {
|
|
6
|
+
name: string;
|
|
7
|
+
rounded?: Rounded;
|
|
8
|
+
focused?: boolean;
|
|
9
|
+
color?: TextColorTypes;
|
|
10
|
+
icon?: IconType;
|
|
11
|
+
defaultValue?: string | number | readonly string[] | undefined | null;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
inputClassName?: string;
|
|
14
|
+
isClearable?: boolean;
|
|
15
|
+
} & Omit<ComponentProps<"input">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
|