@charcoal-ui/react 2.7.0 → 3.0.0-beta.1

package/dist/components/Button/index.d.ts

@@ -14,7 +14,7 @@ interface StyledProps {
     /**
      * 幅を最大まで広げて描画
      */
-    fixed: boolean;
+    fullWidth: boolean;
 }
 export type ButtonProps = Partial<StyledProps> & ClickableProps;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE1E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,UAAU,WAAW;IACnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,cAAc,CAAA;AAE/D,QAAA,MAAM,MAAM,sFAuBV,CAAA;AACF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE1E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,UAAU,WAAW;IACnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,cAAc,CAAA;AAE/D,QAAA,MAAM,MAAM,sFAuBV,CAAA;AACF,eAAe,MAAM,CAAA"}

package/dist/components/DropdownSelector/DropdownPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAS7B,KAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG;IAClD,KAAK,EAAE,mBAAmB,CAAA;CAC3B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,eA+CnE"}
+{"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAS7B,KAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG;IAClD,KAAK,EAAE,mBAAmB,CAAA;CAC3B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,eAyCnE"}

package/dist/components/DropdownSelector/OptionItem.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type OptionItemProps = {
+    children?: ReactNode;
+    value: string;
+};
+export declare function OptionItem(props: OptionItemProps): JSX.Element;
+//# sourceMappingURL=OptionItem.d.ts.map

package/dist/components/DropdownSelector/OptionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/OptionItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAQpD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eA2ChD"}

package/dist/components/DropdownSelector/OptionLi.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { DropdownSelectorOption } from '.';
+type OptionProps = {
+    children: ReactNode;
+    isSelected: boolean;
+    value: DropdownSelectorOption;
+    onSelect: () => void;
+};
+export declare function OptionLi(props: OptionProps): JSX.Element;
+export {};
+//# sourceMappingURL=OptionLi.d.ts.map

package/dist/components/DropdownSelector/OptionLi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionLi.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/OptionLi.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,GAAG,CAAA;AAG1C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,sBAAsB,CAAA;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,eAsC1C"}

package/dist/components/DropdownSelector/index.d.ts

@@ -1,32 +1,25 @@
-import { Key } from 'react';
-import { ListboxProps } from './Listbox';
-import type { CollectionBase } from '@react-types/shared';
-import type { ReactNode } from 'react';
-type LabelProps = {
-    readonly showLabel?: boolean;
-    readonly label: string;
-    readonly subLabel?: ReactNode;
-    readonly requiredText?: string;
+import React, { ReactNode } from 'react';
+export declare const DropdownSelectorContext: React.Context<{
+    value: string;
+    setValue: (_v: string) => void;
+}>;
+export type DropdownSelectorProps = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    placeholder?: string;
+    showLabel?: boolean;
+    invalid?: boolean;
+    assistiveText?: string;
+    required?: boolean;
+    requiredText?: string;
+    subLabel?: ReactNode;
+    children?: ReactNode;
+    onChange: (value: string) => void;
 };
-type Empty = Record<string, unknown>;
-export type DropdownSelectorProps<T extends Empty = Empty> = LabelProps & Readonly<CollectionBase<T>> & {
-    readonly id?: string;
-    readonly name?: string;
-    readonly autoComplete?: string;
-    readonly placeholder?: string;
-    readonly className?: string;
-    readonly disabled?: boolean;
-    readonly required?: boolean;
-    readonly invalid?: boolean;
-    readonly assertiveText?: string;
-    readonly value?: Key;
-    readonly defaultValue?: Key;
-    readonly open?: boolean;
-    readonly onOpenChange?: (isOpen?: boolean) => void;
-    readonly onChange?: (key: Key) => void;
-    readonly mode?: ListboxProps<T>['mode'];
+export type DropdownSelectorOption = {
+    label: string;
+    id: string;
 };
-declare const DropdownSelector: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
-export default DropdownSelector;
-export declare const DropdownSelectorItem: <T>(props: import("react-stately").ItemProps<T>) => JSX.Element;
+export default function DropdownSelector(props: DropdownSelectorProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DropdownSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAA;AAQnD,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAKjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACpC,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,IAAI,UAAU,GACrE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;IACpB,QAAQ,CAAC,YAAY,CAAC,EAAE,GAAG,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;CACxC,CAAA;AAEH,QAAA,MAAM,gBAAgB,uNAsGrB,CAAA;AAED,eAAe,gBAAgB,CAAA;AAC/B,eAAO,MAAM,oBAAoB,iEAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAS/D,eAAO,MAAM,uBAAuB;;mBAEnB,MAAM;EAGrB,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAuEpE"}

package/dist/components/DropdownSelector/index.story.d.ts

@@ -1,25 +1,12 @@
-import { DropdownSelectorProps } from '.';
+import DropdownSelector, { DropdownSelectorProps } from '.';
 import { Story } from '../../_lib/compat';
 declare const _default: {
     title: string;
-    component: <T extends Record<string, unknown>>({ open, className, label, requiredText, subLabel, assertiveText, autoComplete, invalid, disabled, required, showLabel, mode, ...props }: DropdownSelectorProps<T>) => JSX.Element;
+    component: typeof DropdownSelector;
 };
 export default _default;
 type Props = Omit<DropdownSelectorProps, 'subLabel' | 'children' | 'onOpenChange'>;
-export declare const Default: Story<Props>;
-export declare const Sections: Story<DropdownSelectorProps>;
-export declare const Bottom: Story<DropdownSelectorProps>;
-export declare const Many: Story<DropdownSelectorProps>;
-type HasLabelProps = {
-    disabled?: boolean;
-};
-export declare const HasLabel: Story<HasLabelProps>;
-type WithSeparatorProps = {
-    mode: 'default' | 'separator';
-};
-export declare const WithSeparator: Story<WithSeparatorProps>;
-type InvalidProps = {
-    disabled?: boolean;
-};
-export declare const Invalid: Story<InvalidProps>;
+export declare const Playground: Story<Props>;
+export declare const Basic: Story<Props>;
+export declare const CustomChildren: Story<Props>;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/DropdownSelector/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AAGA,OAAyB,EAEvB,qBAAqB,EACtB,MAAM,GAAG,CAAA;AACV,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,KAAK,KAAK,GAAG,IAAI,CACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,KAAK,CAehC,CAAA;AAUD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,qBAAqB,CAmBjD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,qBAAqB,CAe/C,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,qBAAqB,CAwB7C,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAwBzC,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,SAAS,GAAG,WAAW,CAAA;CAC9B,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CA4BnD,CAAA;AAMD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,YAAY,CAqBvC,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,EAAE,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,KAAK,KAAK,GAAG,IAAI,CACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAA;AAWD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAsBnC,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAkB9B,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,KAAK,CA6CvC,CAAA"}

package/dist/components/DropdownSelector/utils/focusIfHTMLLIElement.d.ts

@@ -0,0 +1,6 @@
+/**
+ * li要素ならフォーカスしてスクロールスクロール領域に見えるように親要素をスクロールする
+ * @param element
+ */
+export declare function focusIfHTMLLIElement(element: Node | null | undefined): void;
+//# sourceMappingURL=focusIfHTMLLIElement.d.ts.map

package/dist/components/DropdownSelector/utils/focusIfHTMLLIElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusIfHTMLLIElement.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/utils/focusIfHTMLLIElement.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,QAKpE"}

package/dist/components/DropdownSelector/utils/handleFocusByKeyBoard.d.ts

@@ -0,0 +1,6 @@
+/**
+ * スクロールスクロール領域に見えるように親要素をスクロールする
+ * @param element
+ */
+export declare function handleFocusByKeyBoard(element: HTMLElement): void;
+//# sourceMappingURL=handleFocusByKeyBoard.d.ts.map

package/dist/components/DropdownSelector/utils/handleFocusByKeyBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleFocusByKeyBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/utils/handleFocusByKeyBoard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,QAczD"}