@kwantis-id3/frontend-library 0.6.0 → 0.7.0

package/dist/cjs/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,19 @@
+/** @jsxImportSource @emotion/react */
+import { Interpolation } from "@emotion/styled";
+import React from "react";
+import { ThemeColors } from "../ThemeContext";
+import { Theme } from "@emotion/react";
+export type AccordionProps = {
+    title: string;
+    children: React.ReactNode;
+    color?: ThemeColors;
+    iconColor?: ThemeColors;
+    dividerColor?: ThemeColors;
+    isOpen?: boolean;
+    isLazy?: boolean;
+    onClick?: () => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    sx?: Interpolation<Theme>;
+};
+export declare const Accordion: (props: AccordionProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/cjs/types/components/Accordion/AccordionStyled.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+    textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    iconColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleH2: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

package/dist/cjs/types/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionProps } from "./Accordion";

package/dist/{esm/types/components/button → cjs/types/components/Button}/Button.d.ts

@@ -3,7 +3,7 @@ import { ThemeColors } from "../ThemeContext/ThemeContext";
 import { Interpolation } from "@emotion/styled";
 import { Theme } from "@emotion/react";
 export type ButtonVariants = "contained" | "outlined" | "text";
-export interface ButtonProps {
+export type ButtonProps = {
     label: string;
     color?: ThemeColors;
     sx?: Interpolation<Theme>;
@@ -12,5 +12,5 @@ export interface ButtonProps {
     htmlClassName?: string;
     htmlId?: string;
     disabled?: boolean;
-}
+};
 export declare const Button: (props: ButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/cjs/types/components/SelectFilter/MultiSelect.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { GroupBase } from "react-select";
+import { ThemeColors } from "../ThemeContext";
+export interface MultiSelectProps<Option, IsMulti extends boolean, Group> {
+    options: Option[];
+    onChange?: (option: Option[] | null) => void;
+    value?: readonly Option[] | null;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isOptionDisabled?: (option: Option) => boolean;
+    isLoading?: boolean;
+    color?: ThemeColors;
+    htmlId?: string;
+    className?: string;
+}
+export declare const MultiSelect: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiSelectProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/cjs/types/components/SelectFilter/SingleSelect.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { GroupBase } from "react-select";
+import { ThemeColors } from "../ThemeContext";
+export interface SingleSelectProps<Option, IsMulti extends boolean, Group> {
+    options: Option[];
+    onChange?: (option: Option | null) => void;
+    value?: Option | null;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isOptionDisabled?: (option: Option) => boolean;
+    isLoading?: boolean;
+    color?: ThemeColors;
+    htmlId?: string;
+    className?: string;
+}
+export declare const SingleSelect: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SingleSelectProps<Option, IsMulti, Group>) => JSX.Element;

package/dist/cjs/types/components/SelectFilter/index.d.ts

@@ -0,0 +1,2 @@
+export { SingleSelect, SingleSelectProps } from "./SingleSelect";
+export { MultiSelect, MultiSelectProps } from "./MultiSelect";

package/dist/cjs/types/components/ThemeContext/ThemeContext.d.ts

@@ -12,9 +12,9 @@ export type ThemeColorsObject = {
     statusCritical: Color;
     statusNeutral: Color;
 };
-interface ThemeContextProps {
+type ThemeContextProps = {
     colors: ThemeColorsObject;
-}
+};
 export type ThemeColors = keyof ThemeColorsObject;
 export declare const defaultThemeColors: {
     primary: {

package/dist/cjs/types/components/index.d.ts

@@ -1,2 +1,4 @@
-export { Button, ButtonProps } from "./button";
+export { Button, ButtonProps } from "./Button";
 export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
+export { Accordion, AccordionProps } from "./Accordion";
+export { SingleSelect, SingleSelectProps, MultiSelect, MultiSelectProps, } from "./SelectFilter";