ingred-ui 29.1.0 → 29.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionButton/ActionButton.d.ts +6 -0
- package/dist/components/ActionButton/index.d.ts +1 -0
- package/dist/components/Calendar/Calendar/Calendar.d.ts +5 -5
- package/dist/components/Calendar/CalendarRange/CalendarRange.d.ts +7 -7
- package/dist/components/ContextMenu/ContextMenu.d.ts +6 -0
- package/dist/components/ContextMenu/index.d.ts +1 -0
- package/dist/components/CreatableSelect/CreatableSelect.d.ts +6 -0
- package/dist/components/CreatableSelect/index.d.ts +1 -0
- package/dist/components/DateField/DateField/DateField.d.ts +3 -0
- package/dist/components/DateField/DateRangeField/DateRangeField.d.ts +3 -0
- package/dist/components/DateField/index.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +3 -3
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -3
- package/dist/components/FullSizeConfirmModal/FullSizeConfirmModal.d.ts +6 -0
- package/dist/components/FullSizeConfirmModal/index.d.ts +1 -0
- package/dist/components/Menu/Menu.d.ts +6 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/MenuList/MenuList.d.ts +6 -0
- package/dist/components/MenuList/index.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +6 -0
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/TextField/TextField.d.ts +6 -0
- package/dist/components/TextField/index.d.ts +1 -0
- package/dist/components/TimeField/TimeField.d.ts +2 -0
- package/dist/components/TimeField/index.d.ts +1 -0
- package/dist/components/index.d.ts +30 -0
- package/dist/index.es.js +728 -728
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +728 -728
- package/dist/index.js.map +1 -1
- package/dist/utils/__tests__/deprecationWarning.test.d.ts +1 -0
- package/dist/utils/deprecationWarning.d.ts +3 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +2 -2
- package/dist/components/Accordion/Accordion.stories.d.ts +0 -18
- package/dist/components/ActionButton/ActionButton.stories.d.ts +0 -27
- package/dist/components/AdvancedFilter/AdvancedFilter.stories.d.ts +0 -6
- package/dist/components/Backdrop/Backdrop.stories.d.ts +0 -25
- package/dist/components/Badge/Badge.stories.d.ts +0 -39
- package/dist/components/Banner/Banner.stories.d.ts +0 -79
- package/dist/components/Button/Button.stories.d.ts +0 -40
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -21
- package/dist/components/Calendar/Calendar/Calendar.stories.d.ts +0 -28
- package/dist/components/Calendar/CalendarRange/CalendarRange.stories.d.ts +0 -35
- package/dist/components/Card/Card.stories.d.ts +0 -26
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -320
- package/dist/components/CheckboxCard/CheckboxCard.stories.d.ts +0 -46
- package/dist/components/ClickAwayListener/ClickAwayListener.stories.d.ts +0 -16
- package/dist/components/ConfirmModal/ConfirmModal.stories.d.ts +0 -26
- package/dist/components/ContextMenu/ContextMenu.stories.d.ts +0 -19
- package/dist/components/ContextMenu2/ContextMenu2.stories.d.ts +0 -42
- package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +0 -11
- package/dist/components/DataTable/DataTable.stories.d.ts +0 -46
- package/dist/components/DataTable2/DataTable2.stories.d.ts +0 -94
- package/dist/components/DateField/DateField/DateField.stories.d.ts +0 -16
- package/dist/components/DateField/DateField2/DateField2.stories.d.ts +0 -23
- package/dist/components/DateField/DateRangeField/DateRangeField.stories.d.ts +0 -17
- package/dist/components/DateField/DateRangeField2/DateRangeField2.stories.d.ts +0 -23
- package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -25
- package/dist/components/DateRangePicker/DateRangePicker.stories.d.ts +0 -28
- package/dist/components/Divider/Divider.stories.d.ts +0 -23
- package/dist/components/Drawer/Drawer.stories.d.ts +0 -11
- package/dist/components/DropdownButton/DropdownButton.stories.d.ts +0 -29
- package/dist/components/DualListBox/DualListBox.stories.d.ts +0 -20
- package/dist/components/DualListBox2/DualListBox2.stories.d.ts +0 -123
- package/dist/components/ErrorText/ErrorText.stories.d.ts +0 -21
- package/dist/components/Fade/Fade.stories.d.ts +0 -23
- package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -14
- package/dist/components/FilterComboBox/FilterComboBox.stories.d.ts +0 -96
- package/dist/components/FilterInputAbstract/FilterInputAbstract.stories.d.ts +0 -27
- package/dist/components/FilterSelectInput/FilterSelectInput.stories.d.ts +0 -31
- package/dist/components/FilterTagInput/FilterTagInput.stories.d.ts +0 -47
- package/dist/components/FixedPanel/FixedPanel.stories.d.ts +0 -22
- package/dist/components/Flex/Flex.stories.d.ts +0 -21
- package/dist/components/FloatingTip/FloatingTip.stories.d.ts +0 -8
- package/dist/components/FullSizeConfirmModal/FullSizeConfirmModal.stories.d.ts +0 -25
- package/dist/components/Grow/Grow.stories.d.ts +0 -21
- package/dist/components/Icon/Icon.stories.d.ts +0 -13
- package/dist/components/IconText/IconText.stories.d.ts +0 -10
- package/dist/components/Input/Input.stories.d.ts +0 -25
- package/dist/components/ItemEmpty/ItemEmpty.stories.d.ts +0 -21
- package/dist/components/LoadingBar/LoadingBar.stories.d.ts +0 -17
- package/dist/components/LocaleProvider/LocaleProvider.stories.d.ts +0 -10
- package/dist/components/Menu/Menu.stories.d.ts +0 -17
- package/dist/components/MenuList/MenuList.stories.d.ts +0 -20
- package/dist/components/Modal/Modal.stories.d.ts +0 -20
- package/dist/components/MultipleFilter/MultipleFilter.stories.d.ts +0 -21
- package/dist/components/NavigationRail/NavigationRail.stories.d.ts +0 -90
- package/dist/components/NotificationBadge/NotificationBadge.stories.d.ts +0 -13
- package/dist/components/Pager/Pager.stories.d.ts +0 -9
- package/dist/components/Popover/Popover.stories.d.ts +0 -29
- package/dist/components/Portal/Portal.stories.d.ts +0 -7
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -34
- package/dist/components/RadioCard/RadioCard.stories.d.ts +0 -41
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +0 -25
- package/dist/components/Select/Select.stories.d.ts +0 -21
- package/dist/components/Select2/Select2.stories.d.ts +0 -81
- package/dist/components/Slide/Slide.stories.d.ts +0 -30
- package/dist/components/Slider/Slider.stories.d.ts +0 -12
- package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -25
- package/dist/components/Spacer/Spacer.stories.d.ts +0 -21
- package/dist/components/Spinner/Spinner.stories.d.ts +0 -17
- package/dist/components/SplitAnnotation/SplitAnnotation.stories.d.ts +0 -7
- package/dist/components/Switch/Switch.stories.d.ts +0 -21
- package/dist/components/Table/Table.stories.d.ts +0 -42
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -30
- package/dist/components/Tag/Tag.stories.d.ts +0 -18
- package/dist/components/TextField/TextField.stories.d.ts +0 -18
- package/dist/components/TimeField/TimeField.stories.d.ts +0 -12
- package/dist/components/TimeField/TimeField2.stories.d.ts +0 -12
- package/dist/components/Toast/Toast.stories.d.ts +0 -34
- package/dist/components/ToggleButton/ToggleButton.stories.d.ts +0 -17
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -22
- package/dist/components/Typography/Typography.stories.d.ts +0 -17
- package/dist/components/WeekTime/WeekTime/WeekTime.stories.d.ts +0 -9
- package/dist/components/WeekTime/WeekTimeSelector/WeekTimeSelector.stories.d.ts +0 -9
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DateField2Props } from "./DateField2";
|
|
3
|
-
import React from "react";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.MemoExoticComponent<React.ForwardRefExoticComponent<DateField2Props & React.RefAttributes<HTMLDivElement>>>;
|
|
7
|
-
parameters: {
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default _default;
|
|
16
|
-
export declare const Example: StoryObj<DateField2Props>;
|
|
17
|
-
export declare const Custom: StoryObj<DateField2Props>;
|
|
18
|
-
export declare const Japanese: StoryObj<DateField2Props>;
|
|
19
|
-
export declare const Error: StoryObj<DateField2Props>;
|
|
20
|
-
export declare const Disabled: StoryObj<DateField2Props>;
|
|
21
|
-
export declare const Small: StoryObj<DateField2Props>;
|
|
22
|
-
export declare const Large: StoryObj<DateField2Props>;
|
|
23
|
-
export declare const Dark: StoryObj<DateField2Props>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DateRangeFieldProps } from "./DateRangeField";
|
|
3
|
-
import React from "react";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.MemoExoticComponent<React.ForwardRefExoticComponent<DateRangeFieldProps & React.RefAttributes<HTMLInputElement>>>;
|
|
7
|
-
};
|
|
8
|
-
export default _default;
|
|
9
|
-
export declare const Example: StoryObj<DateRangeFieldProps>;
|
|
10
|
-
export declare const Custom: StoryObj<DateRangeFieldProps>;
|
|
11
|
-
export declare const Japanese: StoryObj<DateRangeFieldProps>;
|
|
12
|
-
export declare const Error: StoryObj<DateRangeFieldProps>;
|
|
13
|
-
export declare const Disable: StoryObj<DateRangeFieldProps>;
|
|
14
|
-
export declare const Small: StoryObj<DateRangeFieldProps>;
|
|
15
|
-
export declare const Large: StoryObj<DateRangeFieldProps>;
|
|
16
|
-
export declare const Dark: StoryObj<DateRangeFieldProps>;
|
|
17
|
-
export declare const WithTimeFormat: StoryObj<DateRangeFieldProps>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DateRangeField2Props } from "./DateRangeField2";
|
|
3
|
-
import React from "react";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.MemoExoticComponent<React.ForwardRefExoticComponent<DateRangeField2Props & React.RefAttributes<HTMLDivElement>>>;
|
|
7
|
-
parameters: {
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default _default;
|
|
16
|
-
export declare const Example: StoryObj<DateRangeField2Props>;
|
|
17
|
-
export declare const Custom: StoryObj<DateRangeField2Props>;
|
|
18
|
-
export declare const Japanese: StoryObj<DateRangeField2Props>;
|
|
19
|
-
export declare const Error: StoryObj<DateRangeField2Props>;
|
|
20
|
-
export declare const Disabled: StoryObj<DateRangeField2Props>;
|
|
21
|
-
export declare const Small: StoryObj<DateRangeField2Props>;
|
|
22
|
-
export declare const Large: StoryObj<DateRangeField2Props>;
|
|
23
|
-
export declare const Dark: StoryObj<DateRangeField2Props>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DatePickerProps } from "./DatePicker";
|
|
3
|
-
import React from "react";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.MemoExoticComponent<React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>>;
|
|
7
|
-
args: {
|
|
8
|
-
format: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default _default;
|
|
12
|
-
export declare const Example: StoryObj<DatePickerProps>;
|
|
13
|
-
export declare const InConfirmModal: StoryObj<DatePickerProps>;
|
|
14
|
-
export declare const WithPresetButtons: StoryObj<DatePickerProps>;
|
|
15
|
-
export declare const WithPresetButtonsWithDefaultClick: StoryObj<DatePickerProps>;
|
|
16
|
-
export declare const Error: StoryObj<DatePickerProps>;
|
|
17
|
-
export declare const Disabled: StoryObj<DatePickerProps>;
|
|
18
|
-
export declare const IsOutsideRange: StoryObj<DatePickerProps>;
|
|
19
|
-
export declare const WithCustomWidth: StoryObj<DatePickerProps>;
|
|
20
|
-
export declare const SmallSize: StoryObj<DatePickerProps>;
|
|
21
|
-
export declare const LargeSize: StoryObj<DatePickerProps>;
|
|
22
|
-
export declare const DarkVariant: StoryObj<DatePickerProps>;
|
|
23
|
-
export declare const WithDateFields: StoryObj<DatePickerProps>;
|
|
24
|
-
export declare const WithDateFieldsAndPresetButtons: StoryObj<DatePickerProps>;
|
|
25
|
-
export declare const WithDateFieldsAndTimeFields: StoryObj<DatePickerProps>;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DateRangePickerProps } from "./DateRangePicker";
|
|
3
|
-
import React from "react";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.MemoExoticComponent<React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>>;
|
|
7
|
-
args: {
|
|
8
|
-
format: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default _default;
|
|
12
|
-
export declare const Example: StoryObj<DateRangePickerProps>;
|
|
13
|
-
export declare const InConfirmModal: StoryObj<DateRangePickerProps>;
|
|
14
|
-
export declare const WithPresetButtons: StoryObj<DateRangePickerProps>;
|
|
15
|
-
export declare const WithPresetButtonsWithDefaultClick: StoryObj<DateRangePickerProps>;
|
|
16
|
-
export declare const Error: StoryObj<DateRangePickerProps>;
|
|
17
|
-
export declare const Disabled: StoryObj<DateRangePickerProps>;
|
|
18
|
-
export declare const IsOutsideRange: StoryObj<DateRangePickerProps>;
|
|
19
|
-
export declare const SmallSize: StoryObj<DateRangePickerProps>;
|
|
20
|
-
export declare const LargeSize: StoryObj<DateRangePickerProps>;
|
|
21
|
-
export declare const DarkVariant: StoryObj<DateRangePickerProps>;
|
|
22
|
-
export declare const WithDateFields: StoryObj<DateRangePickerProps>;
|
|
23
|
-
export declare const WithDateFieldsAndPresetButtons: StoryObj<DateRangePickerProps>;
|
|
24
|
-
export declare const WithTimeFields: StoryObj<DateRangePickerProps>;
|
|
25
|
-
/**
|
|
26
|
-
* CalendarRange の unified 例(日付・時刻フィールド+多数プリセット)をポップオーバーで再現
|
|
27
|
-
*/
|
|
28
|
-
export declare const UnifiedCalendarWithDateTimeAndPresets: StoryObj<DateRangePickerProps>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { DividerProps } from "./Divider";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
components: React.ForwardRefExoticComponent<import("../../utils/spacer").SpacerProps & {
|
|
7
|
-
color?: string | undefined;
|
|
8
|
-
orientation?: "horizontal" | "vertical" | undefined;
|
|
9
|
-
} & React.RefAttributes<HTMLHRElement>>;
|
|
10
|
-
parameters: {
|
|
11
|
-
docs: {
|
|
12
|
-
source: {
|
|
13
|
-
type: string;
|
|
14
|
-
};
|
|
15
|
-
page: () => JSX.Element;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default _default;
|
|
20
|
-
export declare const Normal: StoryObj<DividerProps>;
|
|
21
|
-
export declare const WithSpace: StoryObj<DividerProps>;
|
|
22
|
-
export declare const OverrideColor: StoryObj<DividerProps>;
|
|
23
|
-
export declare const Vertical: StoryObj<DividerProps>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import Drawer from "./Drawer";
|
|
3
|
-
declare const meta: Meta<typeof Drawer>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Drawer>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Responsive: Story;
|
|
8
|
-
export declare const WithStickyHeaderFooter: Story;
|
|
9
|
-
export declare const WithCloseConfirmation: Story;
|
|
10
|
-
export declare const DynamicConfirmClose: Story;
|
|
11
|
-
export declare const AnchorTrigger: Story;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import type { DropdownButtonProps } from "./types";
|
|
3
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.FC<DropdownButtonProps>;
|
|
7
|
-
args: {
|
|
8
|
-
contents: ({
|
|
9
|
-
text: string;
|
|
10
|
-
onClick: () => void;
|
|
11
|
-
divideTop?: undefined;
|
|
12
|
-
} | {
|
|
13
|
-
text: string;
|
|
14
|
-
onClick: () => void;
|
|
15
|
-
divideTop: boolean;
|
|
16
|
-
})[];
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default _default;
|
|
20
|
-
export declare const Example: StoryObj<DropdownButtonProps>;
|
|
21
|
-
export declare const Colors: StoryObj<DropdownButtonProps>;
|
|
22
|
-
export declare const Sizes: StoryObj<DropdownButtonProps>;
|
|
23
|
-
export declare const WithIcon: StoryObj<DropdownButtonProps>;
|
|
24
|
-
export declare const Split: StoryObj<DropdownButtonProps>;
|
|
25
|
-
export declare const SplitWithIcon: StoryObj<DropdownButtonProps>;
|
|
26
|
-
export declare const WithSelectedValue: StoryObj<DropdownButtonProps>;
|
|
27
|
-
export declare const WithConfirmModal: StoryObj<DropdownButtonProps>;
|
|
28
|
-
export declare const WithLoading: StoryObj<DropdownButtonProps>;
|
|
29
|
-
export declare const WithHeadingAndHelpText: StoryObj<DropdownButtonProps>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { DualListBoxProps } from "./DualListBox";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<DualListBoxProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
};
|
|
8
|
-
export default _default;
|
|
9
|
-
export declare const Example: StoryObj<DualListBoxProps>;
|
|
10
|
-
/**
|
|
11
|
-
* ingred-ui としてのデータ構造自体は再帰で表現しておいて
|
|
12
|
-
* onAdd/onRemove 等での状態管理であったり submit する
|
|
13
|
-
* ときにフラットにするのは利用者側で頑張ってもらう
|
|
14
|
-
*/
|
|
15
|
-
export declare const Nested: StoryObj<DualListBoxProps>;
|
|
16
|
-
/**
|
|
17
|
-
* 規定の Checkbox による選択・選択解除ではなく
|
|
18
|
-
* DualListBoxItem に配置した Button による選択・選択解除を行う
|
|
19
|
-
*/
|
|
20
|
-
export declare const WithoutCheckbox: StoryObj<DualListBoxProps>;
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { DualListBox2 } from "./DualListBox2";
|
|
4
|
-
export type Item = {
|
|
5
|
-
id: string;
|
|
6
|
-
label: string;
|
|
7
|
-
groupName?: string;
|
|
8
|
-
};
|
|
9
|
-
declare const meta: Meta<React.ForwardRefExoticComponent<{
|
|
10
|
-
included: import("./types").Item[];
|
|
11
|
-
excluded: import("./types").Item[];
|
|
12
|
-
disableInclude?: boolean | undefined;
|
|
13
|
-
disableExclude?: boolean | undefined;
|
|
14
|
-
menuButtons?: React.ReactNode;
|
|
15
|
-
loading?: boolean | undefined;
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
onIncludedChange: (includedIds: string[]) => void;
|
|
18
|
-
onExcludedChange: (excludedIds: string[]) => void;
|
|
19
|
-
onActiveSectionChange?: ((activeSection: string | null) => void) | undefined;
|
|
20
|
-
onLoadMore?: (() => void) | undefined;
|
|
21
|
-
pageSize?: number | undefined;
|
|
22
|
-
pageSizeOptions?: number[] | undefined;
|
|
23
|
-
onPageSizeChange?: ((pageSize: number) => void) | undefined;
|
|
24
|
-
filter?: string | undefined;
|
|
25
|
-
onFilterChange?: ((filter: string) => void) | undefined;
|
|
26
|
-
placement?: import("@floating-ui/utils").Placement | undefined;
|
|
27
|
-
middleware?: {
|
|
28
|
-
name: string;
|
|
29
|
-
options?: any;
|
|
30
|
-
fn: (state: {
|
|
31
|
-
x: number;
|
|
32
|
-
y: number;
|
|
33
|
-
placement: import("@floating-ui/utils").Placement;
|
|
34
|
-
platform: import("@floating-ui/core").Platform;
|
|
35
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
36
|
-
initialPlacement: import("@floating-ui/utils").Placement;
|
|
37
|
-
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
38
|
-
rects: import("@floating-ui/utils").ElementRects;
|
|
39
|
-
elements: import("@floating-ui/dom").Elements;
|
|
40
|
-
}) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
|
|
41
|
-
}[] | undefined;
|
|
42
|
-
} & React.RefAttributes<HTMLDivElement>>>;
|
|
43
|
-
export default meta;
|
|
44
|
-
type Story = StoryObj<typeof DualListBox2>;
|
|
45
|
-
/**
|
|
46
|
-
* #### ベーシックなタイプ
|
|
47
|
-
*
|
|
48
|
-
* 件数の上限が不明で都度サーバへ問い合わせる必要がある場合、上限が決まっている場合いずれにも使えます。
|
|
49
|
-
*/
|
|
50
|
-
export declare const Default: Story;
|
|
51
|
-
/**
|
|
52
|
-
* #### アコーディオンタイプ
|
|
53
|
-
*
|
|
54
|
-
* グループ化されたアイテムを表示する場合に使用します。
|
|
55
|
-
*/
|
|
56
|
-
export declare const Accordion: Story;
|
|
57
|
-
/**
|
|
58
|
-
* #### 「追加」「除外」のいずれかしかできない場合
|
|
59
|
-
*
|
|
60
|
-
* 状況に応じて、`disableExclude`(除外無効)、`disableInclude`(追加無効) に `true` を指定して制御してください。
|
|
61
|
-
*/
|
|
62
|
-
export declare const Either: Story;
|
|
63
|
-
/**
|
|
64
|
-
* #### 選択候補がセクションで分かれているタイプ
|
|
65
|
-
*
|
|
66
|
-
* 件数の上限が不明で都度サーバへ問い合わせる必要がある場合に利用します。
|
|
67
|
-
* 検索は各セクションに移動後に使えます。
|
|
68
|
-
*/
|
|
69
|
-
export declare const Section: Story;
|
|
70
|
-
/**
|
|
71
|
-
* Middleware使用例
|
|
72
|
-
*/
|
|
73
|
-
export declare const WithCustomMiddleware: {
|
|
74
|
-
render: () => JSX.Element;
|
|
75
|
-
parameters: {
|
|
76
|
-
docs: {
|
|
77
|
-
description: {
|
|
78
|
-
story: string;
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
/**
|
|
84
|
-
* #### selectedContentを使用した例
|
|
85
|
-
*
|
|
86
|
-
* 外部フィルターモードで検索にヒットしなかったアイテムが選択済みパネルに表示される場合、
|
|
87
|
-
* `selectedContent`を使用することでReactNodeを表示できます。
|
|
88
|
-
*
|
|
89
|
-
* この例では:
|
|
90
|
-
* - 検索フィルターで絞り込まれたアイテムのみが候補パネルに表示される(外部フィルターモード)
|
|
91
|
-
* - 検索にヒットしないアイテムを選択している場合、選択済みパネルでは`selectedContent`が使用される
|
|
92
|
-
* - `selectedContent`が未設定の場合は`label`(文字列)のみが表示される
|
|
93
|
-
*/
|
|
94
|
-
export declare const WithSelectedContent: Story;
|
|
95
|
-
/**
|
|
96
|
-
* #### with Custom Handler(アコーディオン)
|
|
97
|
-
*
|
|
98
|
-
* onOpen/onCloseにカスタムハンドラを指定した例です。
|
|
99
|
-
* セクションでも同様に指定できます。
|
|
100
|
-
*/
|
|
101
|
-
export declare const WithCustomHandlerAccordion: Story;
|
|
102
|
-
/**
|
|
103
|
-
* #### カスタム include/exclude ハンドラー
|
|
104
|
-
*
|
|
105
|
-
* アコーディオンヘッダーの追加/除外ボタンの動作をカスタマイズする例です。
|
|
106
|
-
* `onInclude`/`onExclude`を指定すると、デフォルトの「配下全アイテム一括操作」の代わりにカスタムハンドラーが呼ばれます。
|
|
107
|
-
*/
|
|
108
|
-
export declare const WithCustomIncludeExcludeHandler: Story;
|
|
109
|
-
/**
|
|
110
|
-
* #### disabled ボタンの表示確認
|
|
111
|
-
*
|
|
112
|
-
* `disableInclude` / `disableExclude` を指定した場合のボタン表示を確認するための Story です。
|
|
113
|
-
* - `disableInclude` のみ → 除外ボタンだけ表示(SingleButton 角丸)
|
|
114
|
-
* - `disableExclude` のみ → 追加ボタンだけ表示(SingleButton 角丸)
|
|
115
|
-
* - 両方有効 → グループボタンスタイル(内側角丸 0)
|
|
116
|
-
*/
|
|
117
|
-
export declare const DisabledButtons: Story;
|
|
118
|
-
/**
|
|
119
|
-
* #### ネストアコーディオン
|
|
120
|
-
*
|
|
121
|
-
* アコーディオンを入れ子にした例です。フィルタリングが再帰的に動作します。
|
|
122
|
-
*/
|
|
123
|
-
export declare const NestedAccordion: Story;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { ErrorTextProps } from "./ErrorText";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<ErrorTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
args: {
|
|
8
|
-
children: string;
|
|
9
|
-
};
|
|
10
|
-
parameters: {
|
|
11
|
-
docs: {
|
|
12
|
-
source: {
|
|
13
|
-
language: string;
|
|
14
|
-
};
|
|
15
|
-
page: () => JSX.Element;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default _default;
|
|
20
|
-
export declare const Example: StoryObj<ErrorTextProps>;
|
|
21
|
-
export declare const Sizes: StoryObj<ErrorTextProps>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import Fade from "./Fade";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.FunctionComponent<import("../../utils/reactTransitionGroup").CSSTransitionProps & {
|
|
7
|
-
wrapperStyle?: React.CSSProperties | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
args: {
|
|
10
|
-
in: boolean;
|
|
11
|
-
timeout: number;
|
|
12
|
-
};
|
|
13
|
-
parameters: {
|
|
14
|
-
docs: {
|
|
15
|
-
source: {
|
|
16
|
-
language: string;
|
|
17
|
-
};
|
|
18
|
-
page: () => JSX.Element;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export default _default;
|
|
23
|
-
export declare const Example: StoryObj<typeof Fade>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { FileUploaderProps } from "./index";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: import("react").ForwardRefExoticComponent<FileUploaderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
-
argTypes: {
|
|
8
|
-
onSelectFiles: {
|
|
9
|
-
action: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
14
|
-
export declare const Example: StoryObj<FileUploaderProps>;
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { FilterComboBox } from "./index";
|
|
4
|
-
declare const meta: Meta<({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: {
|
|
5
|
-
values: string[];
|
|
6
|
-
options: (string | string[])[];
|
|
7
|
-
selectedIndex: number;
|
|
8
|
-
selectOptions: {
|
|
9
|
-
icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
10
|
-
label: string;
|
|
11
|
-
}[];
|
|
12
|
-
onChange: (values: string[]) => void;
|
|
13
|
-
onSelectChange: (index: number) => void;
|
|
14
|
-
size?: import("../FilterInputAbstract/types").FilterSize | undefined;
|
|
15
|
-
variant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
|
|
16
|
-
tagVariant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
|
|
17
|
-
searchPlaceholder?: string | undefined;
|
|
18
|
-
noResultsMessage?: string | undefined;
|
|
19
|
-
disabled?: boolean | undefined;
|
|
20
|
-
applyButtonText?: string | undefined;
|
|
21
|
-
cancelButtonText?: string | undefined;
|
|
22
|
-
error?: boolean | undefined;
|
|
23
|
-
placement?: import("@floating-ui/utils").Placement | undefined;
|
|
24
|
-
middleware?: {
|
|
25
|
-
name: string;
|
|
26
|
-
options?: any;
|
|
27
|
-
fn: (state: {
|
|
28
|
-
x: number;
|
|
29
|
-
y: number;
|
|
30
|
-
placement: import("@floating-ui/utils").Placement;
|
|
31
|
-
platform: import("@floating-ui/core").Platform;
|
|
32
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
33
|
-
initialPlacement: import("@floating-ui/utils").Placement;
|
|
34
|
-
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
35
|
-
rects: import("@floating-ui/utils").ElementRects;
|
|
36
|
-
elements: import("@floating-ui/dom").Elements;
|
|
37
|
-
}) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
|
|
38
|
-
}[] | undefined;
|
|
39
|
-
}) => JSX.Element>;
|
|
40
|
-
export default meta;
|
|
41
|
-
/**
|
|
42
|
-
* Storybook の Docs の画面では、エンターキーが吸い取られてしまうようです。<br />
|
|
43
|
-
* **キーボード操作を試す場合は、Docs ではない、個別のページで確認してください**
|
|
44
|
-
*
|
|
45
|
-
* 入力内容をリストから選択させるフィルターの入力です。
|
|
46
|
-
* 利用方法は、FilterTagInput の story 内の説明を参照してください。
|
|
47
|
-
*
|
|
48
|
-
* 自動で横 100% に広がります。必要に応じて、親要素の幅を指定してください。
|
|
49
|
-
*
|
|
50
|
-
* ---
|
|
51
|
-
*
|
|
52
|
-
* 選択リストの形式は (string | string[])[] で、「文字列」と「文字列の配列」を混在させることができます。
|
|
53
|
-
* 選択項目が「文字列」の場合は、入力値に含まれる場合フィルタリングされます。
|
|
54
|
-
* 選択項目が「文字列の配列」の場合は、ラベルとしては「文字列の配列[0]」が表示されますが、フィルタリングされる際は「文字列の配列」全体を使ってフィルタリングされます。
|
|
55
|
-
*
|
|
56
|
-
* 例:
|
|
57
|
-
* options の項目が `[ "イルカ", ["パンダ", "ぱんだ", "熊猫"], "ライオン" ]` の場合、ユーザー入力が "ぱんだ"、"パン"、"猫" と入力したときにどの場合にも「パンダ」がフィルタリングされます。
|
|
58
|
-
*/
|
|
59
|
-
export declare const Default: StoryObj<typeof FilterComboBox>;
|
|
60
|
-
/**
|
|
61
|
-
* サイズバリエーション
|
|
62
|
-
*
|
|
63
|
-
* - small: 高さ28px
|
|
64
|
-
* - medium: 高さ32px(デフォルト)
|
|
65
|
-
* - large: 高さ40px
|
|
66
|
-
*/
|
|
67
|
-
export declare const Sizes: StoryObj<typeof FilterComboBox>;
|
|
68
|
-
/**
|
|
69
|
-
* カラーバリエーション
|
|
70
|
-
*
|
|
71
|
-
* - variant: コンポーネント全体の背景色
|
|
72
|
-
* - light: 明るい背景色
|
|
73
|
-
* - dark: 暗い背景色(デフォルト)
|
|
74
|
-
* - tagVariant: タグの背景色
|
|
75
|
-
* - 指定なし: 親コンポーネントのvariantに応じて自動的に設定(推奨)
|
|
76
|
-
* - light: 明るい背景色
|
|
77
|
-
* - dark: 暗い背景色
|
|
78
|
-
*
|
|
79
|
-
* コンポーネントのvariantに応じてタグのvariantが自動的に切り替わります。
|
|
80
|
-
* variantが"light"の場合はタグは"dark"に、variantが"dark"の場合はタグは"light"になります。
|
|
81
|
-
*/
|
|
82
|
-
export declare const Variants: StoryObj<typeof FilterComboBox>;
|
|
83
|
-
/**
|
|
84
|
-
* 無効状態のサンプル
|
|
85
|
-
*/
|
|
86
|
-
export declare const Disabled: StoryObj<typeof FilterComboBox>;
|
|
87
|
-
/**
|
|
88
|
-
* エラー状態
|
|
89
|
-
*/
|
|
90
|
-
export declare const Error: StoryObj<typeof FilterComboBox>;
|
|
91
|
-
/**
|
|
92
|
-
* Middleware使用例
|
|
93
|
-
*
|
|
94
|
-
* Floating UIのmiddlewareを使用してメニューの位置を細かく制御できます。
|
|
95
|
-
*/
|
|
96
|
-
export declare const WithCustomMiddleware: StoryObj<typeof FilterComboBox>;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { FilterInputAbstract } from "./FilterInputAbstract";
|
|
4
|
-
declare const meta: Meta<({ selectedIndex, selectOptions, onSelectChange, children, size, variant, disabled, error, isOpen, }: {
|
|
5
|
-
selectedIndex: number;
|
|
6
|
-
selectOptions: {
|
|
7
|
-
icon: React.ReactElement<import("../Icon").IconProps, string | React.JSXElementConstructor<any>>;
|
|
8
|
-
label: string;
|
|
9
|
-
}[];
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
onSelectChange: (index: number) => void;
|
|
12
|
-
size?: "small" | "medium" | "large" | undefined;
|
|
13
|
-
variant?: import("./types").FilterVariant | undefined;
|
|
14
|
-
disabled?: boolean | undefined;
|
|
15
|
-
error?: boolean | undefined;
|
|
16
|
-
isOpen?: boolean | undefined;
|
|
17
|
-
}) => JSX.Element>;
|
|
18
|
-
export default meta;
|
|
19
|
-
/**
|
|
20
|
-
* Internal use only!
|
|
21
|
-
* このコンポーネントは内部利用専用です。プロダクトには利用しないでください。
|
|
22
|
-
*/
|
|
23
|
-
export declare const Default: StoryObj<typeof FilterInputAbstract>;
|
|
24
|
-
/**
|
|
25
|
-
* サイズバリエーション
|
|
26
|
-
*/
|
|
27
|
-
export declare const Sizes: StoryObj<typeof FilterInputAbstract>;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { FilterSelectInput } from "./index";
|
|
3
|
-
declare const meta: Meta<typeof FilterSelectInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* 入力内容をリストから選択させるフィルターの入力です。
|
|
7
|
-
* 利用方法は、FilterTagInput の story 内の説明を参照してください。
|
|
8
|
-
*
|
|
9
|
-
* 自動で横 100% に広がります。必要に応じて、親要素の幅を指定してください。
|
|
10
|
-
*/
|
|
11
|
-
export declare const Default: StoryObj<typeof FilterSelectInput>;
|
|
12
|
-
/**
|
|
13
|
-
* サイズバリエーション
|
|
14
|
-
*
|
|
15
|
-
* - small: 高さ28px
|
|
16
|
-
* - medium: 高さ32px(デフォルト)
|
|
17
|
-
* - large: 高さ40px
|
|
18
|
-
*/
|
|
19
|
-
export declare const Sizes: StoryObj<typeof FilterSelectInput>;
|
|
20
|
-
export declare const Variants: StoryObj<typeof FilterSelectInput>;
|
|
21
|
-
/**
|
|
22
|
-
* 無効化状態のサンプル
|
|
23
|
-
*/
|
|
24
|
-
export declare const Disabled: StoryObj<typeof FilterSelectInput>;
|
|
25
|
-
export declare const Error: StoryObj<typeof FilterSelectInput>;
|
|
26
|
-
/**
|
|
27
|
-
* Middleware使用例
|
|
28
|
-
*
|
|
29
|
-
* Floating UIのmiddlewareを使用してメニューの位置を細かく制御できます。
|
|
30
|
-
*/
|
|
31
|
-
export declare const WithCustomMiddleware: StoryObj<typeof FilterSelectInput>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { FilterTagInput } from "./index";
|
|
3
|
-
declare const meta: Meta<typeof FilterTagInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* 入力内容がタグ形式で表示される。<br />
|
|
7
|
-
* 設置される領域が狭い場合、入力領域をモーダルで展開する。
|
|
8
|
-
*
|
|
9
|
-
* ---
|
|
10
|
-
*
|
|
11
|
-
* select 形式の「選択内容(`number`)」とタグ形式の「入力内容(`string[]`)」を管理できます。
|
|
12
|
-
*
|
|
13
|
-
* 選択内容は、選択内容の `selectedIndex` により、`0` から始まる整数で管理します。<br />
|
|
14
|
-
* `selectedIndex` は、select の上からの順です。<br />
|
|
15
|
-
* 選択内容が変更されると、`onSelectChange` で、新しい `selectedIndex` が返されます。
|
|
16
|
-
*
|
|
17
|
-
* 入力内容は `string[]` の配列で管理されます。ユーザーが入力を確定し、それがタグとして追加されると、`onChange` で、新しい配列が返されます。
|
|
18
|
-
*
|
|
19
|
-
* select の選択肢は、`selectOptions` として外から与えてください。<br />
|
|
20
|
-
* 例:
|
|
21
|
-
* ```
|
|
22
|
-
* selectOptions={ [
|
|
23
|
-
* {
|
|
24
|
-
* icon: (
|
|
25
|
-
* <Icon name="operator_match" type="line" color={colors.gray[900]} />
|
|
26
|
-
* ),
|
|
27
|
-
* label: "含む",
|
|
28
|
-
* },
|
|
29
|
-
* {
|
|
30
|
-
* icon: (
|
|
31
|
-
* <Icon
|
|
32
|
-
* name="operator_does_not_match"
|
|
33
|
-
* type="line"
|
|
34
|
-
* color={colors.gray[900]}
|
|
35
|
-
* />
|
|
36
|
-
* ),
|
|
37
|
-
* label: "含まない",
|
|
38
|
-
* },
|
|
39
|
-
* ] }
|
|
40
|
-
* ```
|
|
41
|
-
*
|
|
42
|
-
*/
|
|
43
|
-
export declare const Default: StoryObj<typeof FilterTagInput>;
|
|
44
|
-
export declare const Sizes: StoryObj<typeof FilterTagInput>;
|
|
45
|
-
export declare const Variants: StoryObj<typeof FilterTagInput>;
|
|
46
|
-
export declare const Disabled: StoryObj<typeof FilterTagInput>;
|
|
47
|
-
export declare const Error: StoryObj<typeof FilterTagInput>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { FixedPanelProps } from "./FixedPanel";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<FixedPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
args: {
|
|
8
|
-
isOpen: boolean;
|
|
9
|
-
placement: string;
|
|
10
|
-
};
|
|
11
|
-
parameters: {
|
|
12
|
-
layout: string;
|
|
13
|
-
docs: {
|
|
14
|
-
source: {
|
|
15
|
-
language: string;
|
|
16
|
-
};
|
|
17
|
-
page: () => JSX.Element;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default _default;
|
|
22
|
-
export declare const Example: StoryObj<FixedPanelProps>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { StoryObj } from "@storybook/react-vite";
|
|
3
|
-
import { FlexProps } from "./Flex";
|
|
4
|
-
declare const _default: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps, never>;
|
|
7
|
-
args: {
|
|
8
|
-
display: string;
|
|
9
|
-
justifyContent: string;
|
|
10
|
-
};
|
|
11
|
-
parameters: {
|
|
12
|
-
docs: {
|
|
13
|
-
source: {
|
|
14
|
-
language: string;
|
|
15
|
-
};
|
|
16
|
-
page: () => JSX.Element;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
21
|
-
export declare const Example: StoryObj<FlexProps>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { FloatingTipProps } from "./FloatingTip";
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<FloatingTipProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Sample: React.FunctionComponent<FloatingTipProps>;
|