@esic-lab/data-core-ui 0.0.2 → 0.0.4

package/dist/index.d.mts

@@ -0,0 +1,111 @@
+declare namespace JSX {
+    type ElementType = undefined.ElementType;
+    interface Element extends undefined.Element {}
+    interface ElementClass extends undefined.ElementClass {}
+    interface ElementAttributesProperty extends undefined.ElementAttributesProperty {}
+    interface ElementChildrenAttribute extends undefined.ElementChildrenAttribute {}
+    type LibraryManagedAttributes<C, P> = undefined.LibraryManagedAttributes<C, P>;
+    interface IntrinsicAttributes extends undefined.IntrinsicAttributes {}
+    interface IntrinsicClassAttributes<T> extends undefined.IntrinsicClassAttributes<T> {}
+    interface IntrinsicElements extends undefined.IntrinsicElements {}
+}
+
+type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
+type ThemeColor = `bg-${BaseColor}-${ColorScale}`;
+interface PrimaryButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    bgColor?: ThemeColor;
+    textColor?: "white" | "black";
+}
+declare function PrimaryButton({ title, onClick, iconLeft, iconRight, bgColor, textColor, }: PrimaryButtonProps): JSX.Element;
+
+interface SecondaryButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+declare function SecondaryButton({ title, onClick, iconLeft, iconRight }: SecondaryButtonProps): JSX.Element;
+
+interface GhostButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+declare function GhostButton({ title, onClick, iconLeft, iconRight }: GhostButtonProps): JSX.Element;
+
+interface LoaderProps {
+    size?: number;
+}
+declare function Loader({ size }: LoaderProps): JSX.Element;
+
+interface CheckboxProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare function Checkbox({ label, checked, onChange }: CheckboxProps): JSX.Element;
+
+interface CheckboxOption {
+    checked: boolean;
+    label: string;
+}
+interface CheckboxGroupProps {
+    options: CheckboxOption[];
+    onChange: (label: string) => void;
+    alignment?: "horizontal" | "vertical";
+}
+declare function CheckboxGroup({ options, onChange, alignment }: CheckboxGroupProps): JSX.Element;
+
+interface RadioProps {
+    selected: boolean;
+    onChange: (selected: boolean) => void;
+}
+declare function Radio({ selected, onChange }: RadioProps): JSX.Element;
+
+interface RadioOption {
+    value: string;
+    label: string;
+}
+interface RadioGroupProps {
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+    alignment?: "vertical" | "horizontal";
+}
+declare function RadioGroup({ options, value, onChange, alignment }: RadioGroupProps): JSX.Element;
+
+interface SwitchProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare function Switch({ label, checked, onChange }: SwitchProps): JSX.Element;
+
+interface Menu {
+    title: string;
+    subMenus: {
+        title: string;
+        icon?: React.ReactNode;
+        iconActive?: React.ReactNode;
+        path: string;
+        customNode?: React.ReactNode;
+    }[];
+}
+interface MenuNavBarProps {
+    menus: Menu[];
+    onClick: (path: string) => void;
+}
+declare function MenuNavBar({ menus, onClick }: MenuNavBarProps): JSX.Element;
+
+interface TopNavBarProps {
+    onClickNoti: () => void;
+}
+declare function TopNavBar({ onClickNoti }: TopNavBarProps): JSX.Element;
+
+export { Checkbox, CheckboxGroup, GhostButton, Loader, MenuNavBar, PrimaryButton, Radio, RadioGroup, SecondaryButton, Switch, TopNavBar };

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+declare namespace JSX {
+    type ElementType = undefined.ElementType;
+    interface Element extends undefined.Element {}
+    interface ElementClass extends undefined.ElementClass {}
+    interface ElementAttributesProperty extends undefined.ElementAttributesProperty {}
+    interface ElementChildrenAttribute extends undefined.ElementChildrenAttribute {}
+    type LibraryManagedAttributes<C, P> = undefined.LibraryManagedAttributes<C, P>;
+    interface IntrinsicAttributes extends undefined.IntrinsicAttributes {}
+    interface IntrinsicClassAttributes<T> extends undefined.IntrinsicClassAttributes<T> {}
+    interface IntrinsicElements extends undefined.IntrinsicElements {}
+}
+
+type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type BaseColor = "primary" | "gray" | "green" | "red" | "yellow" | "blue";
+type ThemeColor = `bg-${BaseColor}-${ColorScale}`;
+interface PrimaryButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    bgColor?: ThemeColor;
+    textColor?: "white" | "black";
+}
+declare function PrimaryButton({ title, onClick, iconLeft, iconRight, bgColor, textColor, }: PrimaryButtonProps): JSX.Element;
+
+interface SecondaryButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+declare function SecondaryButton({ title, onClick, iconLeft, iconRight }: SecondaryButtonProps): JSX.Element;
+
+interface GhostButtonProps {
+    title: string;
+    onClick: () => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+declare function GhostButton({ title, onClick, iconLeft, iconRight }: GhostButtonProps): JSX.Element;
+
+interface LoaderProps {
+    size?: number;
+}
+declare function Loader({ size }: LoaderProps): JSX.Element;
+
+interface CheckboxProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare function Checkbox({ label, checked, onChange }: CheckboxProps): JSX.Element;
+
+interface CheckboxOption {
+    checked: boolean;
+    label: string;
+}
+interface CheckboxGroupProps {
+    options: CheckboxOption[];
+    onChange: (label: string) => void;
+    alignment?: "horizontal" | "vertical";
+}
+declare function CheckboxGroup({ options, onChange, alignment }: CheckboxGroupProps): JSX.Element;
+
+interface RadioProps {
+    selected: boolean;
+    onChange: (selected: boolean) => void;
+}
+declare function Radio({ selected, onChange }: RadioProps): JSX.Element;
+
+interface RadioOption {
+    value: string;
+    label: string;
+}
+interface RadioGroupProps {
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+    alignment?: "vertical" | "horizontal";
+}
+declare function RadioGroup({ options, value, onChange, alignment }: RadioGroupProps): JSX.Element;
+
+interface SwitchProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare function Switch({ label, checked, onChange }: SwitchProps): JSX.Element;
+
+interface Menu {
+    title: string;
+    subMenus: {
+        title: string;
+        icon?: React.ReactNode;
+        iconActive?: React.ReactNode;
+        path: string;
+        customNode?: React.ReactNode;
+    }[];
+}
+interface MenuNavBarProps {
+    menus: Menu[];
+    onClick: (path: string) => void;
+}
+declare function MenuNavBar({ menus, onClick }: MenuNavBarProps): JSX.Element;
+
+interface TopNavBarProps {
+    onClickNoti: () => void;
+}
+declare function TopNavBar({ onClickNoti }: TopNavBarProps): JSX.Element;
+
+export { Checkbox, CheckboxGroup, GhostButton, Loader, MenuNavBar, PrimaryButton, Radio, RadioGroup, SecondaryButton, Switch, TopNavBar };