@charcoal-ui/react-sandbox 2.4.0 → 2.6.0

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

@@ -1,32 +1,32 @@
-import React from 'react';
-import { Story } from '../../_lib/compat';
-declare const _default: {
-    title: string;
-    component: React.NamedExoticComponent<import(".").PagerProps>;
-    argTypes: {
-        page: {
-            control: {
-                type: string;
-                disable: boolean;
-            };
-        };
-        pageCount: {
-            control: {
-                type: string;
-                min: number;
-            };
-        };
-    };
-};
-export default _default;
-interface Props {
-    page: number;
-    pageCount: number;
-}
-export declare const Default: Story<Props>;
-export declare const Link: Story<Props>;
-export declare const NotCollapsed: Story<Props>;
-export declare const CollapsedWithDots: Story<Props>;
-export declare const LastPage: Story<Props>;
-export declare const One: Story<Props>;
+import React from 'react';
+import { Story } from '../../_lib/compat';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import(".").PagerProps>;
+    argTypes: {
+        page: {
+            control: {
+                type: string;
+                disable: boolean;
+            };
+        };
+        pageCount: {
+            control: {
+                type: string;
+                min: number;
+            };
+        };
+    };
+};
+export default _default;
+interface Props {
+    page: number;
+    pageCount: number;
+}
+export declare const Default: Story<Props>;
+export declare const Link: Story<Props>;
+export declare const NotCollapsed: Story<Props>;
+export declare const CollapsedWithDots: Story<Props>;
+export declare const LastPage: Story<Props>;
+export declare const One: Story<Props>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface Props extends React.ComponentPropsWithoutRef<'input'> {
-    gtmClass?: string;
-    flex?: boolean;
-    rowReverse?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+import React from 'react';
+export interface Props extends React.ComponentPropsWithoutRef<'input'> {
+    gtmClass?: string;
+    flex?: boolean;
+    rowReverse?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,11 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import(".").Props & React.RefAttributes<HTMLInputElement>>;
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const On: () => JSX.Element;
-export declare const Off: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import(".").Props & React.RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const On: () => JSX.Element;
+export declare const Off: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/TextEllipsis/helper.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactText } from 'react';
-export declare const childToString: (child?: ReactText | boolean | {} | null) => string;
-export declare const onlyText: (children: ReactNode) => string;
+import { ReactNode, ReactText } from 'react';
+export declare const childToString: (child?: ReactText | boolean | {} | null) => string;
+export declare const onlyText: (children: ReactNode) => string;
 //# sourceMappingURL=helper.d.ts.map

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

@@ -1,11 +1,11 @@
-export interface Props {
-    lineHeight: number;
-    lineLimit?: number;
-}
-/**
- * 複数行のテキストに表示行数制限を設けて`...`で省略する
- */
-export declare const TextEllipsis: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    title: string | undefined;
-} & Props, "title">;
+export interface Props {
+    lineHeight: number;
+    lineLimit?: number;
+}
+/**
+ * 複数行のテキストに表示行数制限を設けて`...`で省略する
+ */
+export declare const TextEllipsis: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    title: string | undefined;
+} & Props, "title">;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,9 @@
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-        title: string | undefined;
-    } & import(".").Props, "title">;
-};
-export default _default;
-export declare const Default: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+        title: string | undefined;
+    } & import(".").Props, "title">;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1,28 +1,28 @@
-import React from 'react';
-export interface Props {
-    children?: React.ReactNode;
-    icon: React.ReactNode;
-    /**
-     * アイコンを表示。デフォルトがtrueなので、非表示にするときに使います。 (アイコン自体の幅を維持します)
-     */
-    show?: boolean | 'collapse';
-    /**
-     * アイコンを前にする
-     */
-    prefix?: boolean;
-    /**
-     * アイコンの高さが文字の高さよりも大きいケースで有効。アイコンの高さをゼロにしてインラインの高さに関与させないようにします。
-     */
-    fit?: boolean;
-    /**
-     * `fit`と併用した時にのみ有効な最適化オプション。アイコンの幅の自動計算を行わず指定した数値を利用します。
-     */
-    width?: number;
-    /**
-     * 親要素のサイズに合わせるのではなく、コンテンツのサイズを優先する
-     */
-    fixed?: boolean;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import React from 'react';
+export interface Props {
+    children?: React.ReactNode;
+    icon: React.ReactNode;
+    /**
+     * アイコンを表示。デフォルトがtrueなので、非表示にするときに使います。 (アイコン自体の幅を維持します)
+     */
+    show?: boolean | 'collapse';
+    /**
+     * アイコンを前にする
+     */
+    prefix?: boolean;
+    /**
+     * アイコンの高さが文字の高さよりも大きいケースで有効。アイコンの高さをゼロにしてインラインの高さに関与させないようにします。
+     */
+    fit?: boolean;
+    /**
+     * `fit`と併用した時にのみ有効な最適化オプション。アイコンの幅の自動計算を行わず指定した数値を利用します。
+     */
+    width?: number;
+    /**
+     * 親要素のサイズに合わせるのではなく、コンテンツのサイズを優先する
+     */
+    fixed?: boolean;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,15 +1,15 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.NamedExoticComponent<import(".").Props>;
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Performance: () => JSX.Element;
-export declare const Naive: () => JSX.Element;
-export declare const Prefix: () => JSX.Element;
-export declare const Hide: () => JSX.Element;
-export declare const Collapse: () => JSX.Element;
-export declare const LongText: () => JSX.Element;
-export declare const LongTextOverflow: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import(".").Props>;
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Performance: () => JSX.Element;
+export declare const Naive: () => JSX.Element;
+export declare const Prefix: () => JSX.Element;
+export declare const Hide: () => JSX.Element;
+export declare const Collapse: () => JSX.Element;
+export declare const LongText: () => JSX.Element;
+export declare const LongTextOverflow: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

package/dist/components/icons/Base.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-export declare type IconSizes = 16 | 24 | 32;
-interface Props {
-    path: string | React.ReactNode;
-    viewBoxSize: number;
-    size?: IconSizes | 40 | 48 | 64 | 72;
-    transform?: string;
-    currentColor?: boolean;
-    fillRule?: 'nonzero' | 'evenodd';
-    clipRule?: 'nonzero' | 'evenodd' | 'inherit';
-}
-export default function IconBase({ size, viewBoxSize, currentColor, path, transform, fillRule, clipRule, }: Props): JSX.Element;
-declare type IconBasePathProps = Pick<Props, 'path' | 'transform' | 'fillRule' | 'clipRule'>;
-export declare const IconBasePath: ({ path, transform, fillRule, clipRule, }: IconBasePathProps) => JSX.Element;
-export {};
+import React from 'react';
+export type IconSizes = 16 | 24 | 32;
+interface Props {
+    path: string | React.ReactNode;
+    viewBoxSize: number;
+    size?: IconSizes | 40 | 48 | 64 | 72;
+    transform?: string;
+    currentColor?: boolean;
+    fillRule?: 'nonzero' | 'evenodd';
+    clipRule?: 'nonzero' | 'evenodd' | 'inherit';
+}
+export default function IconBase({ size, viewBoxSize, currentColor, path, transform, fillRule, clipRule, }: Props): JSX.Element;
+type IconBasePathProps = Pick<Props, 'path' | 'transform' | 'fillRule' | 'clipRule'>;
+export declare const IconBasePath: ({ path, transform, fillRule, clipRule, }: IconBasePathProps) => JSX.Element;
+export {};
 //# sourceMappingURL=Base.d.ts.map

package/dist/components/icons/Base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Base.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAEpC,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAS,EACT,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,eAeP;AAaD,aAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,EACL,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAC/C,CAAA;AACD,eAAO,MAAM,YAAY,6CAKtB,iBAAiB,gBAcnB,CAAA"}
+{"version":3,"file":"Base.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAEpC,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAS,EACT,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,eAeP;AAaD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,EACL,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAC/C,CAAA;AACD,eAAO,MAAM,YAAY,6CAKtB,iBAAiB,gBAcnB,CAAA"}

package/dist/components/icons/DotsIcon.d.ts

@@ -1,12 +1,12 @@
-interface Props {
-    size?: number | string;
-    subLink?: boolean;
-}
-export { DotsIcon as default };
-declare function DotsIcon({ size }: Props): JSX.Element;
-declare namespace DotsIcon {
-    var defaultProps: {
-        size: number;
-    };
-}
+interface Props {
+    size?: number | string;
+    subLink?: boolean;
+}
+export { DotsIcon as default };
+declare function DotsIcon({ size }: Props): JSX.Element;
+declare namespace DotsIcon {
+    var defaultProps: {
+        size: number;
+    };
+}
 //# sourceMappingURL=DotsIcon.d.ts.map

package/dist/components/icons/InfoIcon.d.ts

@@ -1,2 +1,2 @@
-export default function InfoIcon(): JSX.Element;
+export default function InfoIcon(): JSX.Element;
 //# sourceMappingURL=InfoIcon.d.ts.map

package/dist/components/icons/NextIcon.d.ts

@@ -1,12 +1,12 @@
-export declare enum WedgeDirection {
-    Up = "up",
-    Down = "down",
-    Left = "left",
-    Right = "right"
-}
-interface Props {
-    direction: WedgeDirection;
-}
-export default function NextIcon({ direction }: Props): JSX.Element;
-export {};
+export declare enum WedgeDirection {
+    Up = "up",
+    Down = "down",
+    Left = "left",
+    Right = "right"
+}
+interface Props {
+    direction: WedgeDirection;
+}
+export default function NextIcon({ direction }: Props): JSX.Element;
+export {};
 //# sourceMappingURL=NextIcon.d.ts.map

package/dist/components/icons/WedgeIcon.d.ts

@@ -1,20 +1,20 @@
-export declare enum WedgeDirection {
-    Up = "up",
-    Down = "down",
-    Left = "left",
-    Right = "right"
-}
-interface Props {
-    size?: number | string;
-    direction: WedgeDirection;
-}
-declare function WedgeIcon({ size, direction }: Props): JSX.Element;
-declare namespace WedgeIcon {
-    var defaultProps: {
-        size: number;
-        white: boolean;
-        lightGray: boolean;
-    };
-}
-export default WedgeIcon;
+export declare enum WedgeDirection {
+    Up = "up",
+    Down = "down",
+    Left = "left",
+    Right = "right"
+}
+interface Props {
+    size?: number | string;
+    direction: WedgeDirection;
+}
+declare function WedgeIcon({ size, direction }: Props): JSX.Element;
+declare namespace WedgeIcon {
+    var defaultProps: {
+        size: number;
+        white: boolean;
+        lightGray: boolean;
+    };
+}
+export default WedgeIcon;
 //# sourceMappingURL=WedgeIcon.d.ts.map

package/dist/foundation/contants.d.ts

@@ -1,4 +1,4 @@
-export declare const MAIN_COLUMN_HORIZONTAL_MIN_MARGIN = 72;
-export declare const RESPONSIVE_LEFT_WIDTH: number;
-export declare const RESPONSIVE_MAIN_MAX_WIDTH: number;
+export declare const MAIN_COLUMN_HORIZONTAL_MIN_MARGIN = 72;
+export declare const RESPONSIVE_LEFT_WIDTH: number;
+export declare const RESPONSIVE_MAIN_MAX_WIDTH: number;
 //# sourceMappingURL=contants.d.ts.map

package/dist/foundation/hooks.d.ts

@@ -1,29 +1,29 @@
-declare module 'react-dom' {
-    function flushSync<R>(callback: () => R): R;
-}
-/**
- * 現在の画面幅がモバイル幅かどうかを返す
- */
-export declare function useMediaScreen1(): boolean;
-/**
- * Returns a dynamically-updating media query result.
- *
- * When the media query's matching state changes, this hook's result
- * will update with sync priority.
- *
- * @param query A full media query (the string written between `@media` and the `{` in CSS)
- * @returns true if the query matches, false if it doesn't
- */
-export declare function useMedia(query: string): boolean;
-export interface ElementSize {
-    width: number;
-    height: number;
-}
-export declare function useElementSize(ref: React.RefObject<Element>, deps?: any[]): ElementSize | undefined;
-/**
- * Debounce version of setState with `requestAnimationFrame`
- *
- * @param defaultValue Default value for `useState`
- */
-export declare function useDebounceAnimationState<T>(defaultValue: T): [T, (value: T, force?: boolean) => void];
+declare module 'react-dom' {
+    function flushSync<R>(callback: () => R): R;
+}
+/**
+ * 現在の画面幅がモバイル幅かどうかを返す
+ */
+export declare function useMediaScreen1(): boolean;
+/**
+ * Returns a dynamically-updating media query result.
+ *
+ * When the media query's matching state changes, this hook's result
+ * will update with sync priority.
+ *
+ * @param query A full media query (the string written between `@media` and the `{` in CSS)
+ * @returns true if the query matches, false if it doesn't
+ */
+export declare function useMedia(query: string): boolean;
+export interface ElementSize {
+    width: number;
+    height: number;
+}
+export declare function useElementSize(ref: React.RefObject<Element>, deps?: any[]): ElementSize | undefined;
+/**
+ * Debounce version of setState with `requestAnimationFrame`
+ *
+ * @param defaultValue Default value for `useState`
+ */
+export declare function useDebounceAnimationState<T>(defaultValue: T): [T, (value: T, force?: boolean) => void];
 //# sourceMappingURL=hooks.d.ts.map

package/dist/foundation/support.d.ts

@@ -1,3 +1,3 @@
-export declare function passiveEvents(): boolean;
-export declare const isEdge: () => boolean;
+export declare function passiveEvents(): boolean;
+export declare const isEdge: () => boolean;
 //# sourceMappingURL=support.d.ts.map

package/dist/foundation/utils.d.ts

@@ -1,23 +1,23 @@
-/**
- * Function used to assert a given code path is unreachable
- */
-export declare function unreachable(): never;
-/**
- * Function used to assert a given code path is unreachable.
- * Very useful for ensuring switches are exhaustive:
- *
- * ```ts
- * switch (a.type) {
- *   case Types.A:
- *   case Types.B:
- *     break
- *   default:
- *     unreachable(a) // will cause a build error if there was
- *                    // a Types.C that was not checked
- * }
- * ```
- *
- * @param value Value to be asserted as unreachable
- */
-export declare function unreachable(value: never): never;
+/**
+ * Function used to assert a given code path is unreachable
+ */
+export declare function unreachable(): never;
+/**
+ * Function used to assert a given code path is unreachable.
+ * Very useful for ensuring switches are exhaustive:
+ *
+ * ```ts
+ * switch (a.type) {
+ *   case Types.A:
+ *   case Types.B:
+ *     break
+ *   default:
+ *     unreachable(a) // will cause a build error if there was
+ *                    // a Types.C that was not checked
+ * }
+ * ```
+ *
+ * @param value Value to be asserted as unreachable
+ */
+export declare function unreachable(value: never): never;
 //# sourceMappingURL=utils.d.ts.map

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAa,MAAM,OAAO,CAAA;AAElD,eAAO,MAAM,yBAAyB,wBACuB,CAAA"}