@jenesei-software/jenesei-kit-react 1.0.0

package/build/component-checkbox.d.ts

@@ -0,0 +1,342 @@
+import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { addSXProps as addSXProps_2 } from '../../styles/sx';
+import { ButtonHTMLAttributes } from 'react';
+import { CheckboxProps as CheckboxProps_2 } from './component.types';
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FC } from 'react';
+import { IconItemProps as IconItemProps_2 } from '../icon';
+import { IconTypeMap as IconTypeMap_2 } from '../icon';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { IThemePaletteKeys as IThemePaletteKeys_2 } from '../../theme';
+import { IThemeSize as IThemeSize_2 } from '../../theme';
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import { RuleSet } from 'styled-components';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type addSXStyleProps = AddDollarSign<addSXProps>;
+
+declare type addSXTypographyProps = {
+    sxTypography?: TypographySXProps;
+};
+
+declare type addSXTypographyStyleProps = AddDollarSign<addSXTypographyProps>;
+
+export declare const Checkbox: FC<CheckboxProps>;
+
+/****************************************** Genre *************************************************/
+export declare const CheckboxGenre: RuleSet<StyledCheckboxProps>;
+
+export declare type CheckboxProps = PropsWithChildren & {
+    checked?: boolean;
+    genre: TCheckboxGenre;
+    view: TIconCheckboxNameString;
+    isDisabled?: boolean;
+    isOnlyLoading?: boolean;
+    isLoading?: boolean;
+    isHiddenBorder?: boolean;
+    isNotBackground?: boolean;
+    iconOrder?: IconItemProps<'checkbox'>['order'];
+    sizeIcon?: IThemeSize;
+    onChange?: (checked: boolean) => void;
+    isWidthAsHeight?: boolean;
+    size: IThemeSize;
+} & addSXProps & addErrorProps & addSXTypographyProps;
+
+/****************************************** Size *************************************************/
+export declare const CheckboxSize: RuleSet<StyledCheckboxProps>;
+
+export declare const CheckboxSizeConstructor: (props: IThemeSizePropertyDefault & {
+    isWidthAsHeight?: boolean;
+}) => RuleSet<object>;
+
+/****************************************** Default *************************************************/
+export declare const CheckboxWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCheckboxProps>> & string;
+
+declare enum ENUM_ICON_CHECKBOX {
+    Radio = 0,
+    Square = 1,
+    Arrow = 2,
+    Heart = 3
+}
+
+declare enum ENUM_ICON_ID {
+    Close = 0,
+    Biometry = 1,
+    QR = 2,
+    Search = 3,
+    Folder = 4,
+    Wallet = 5,
+    Graph = 6,
+    Bookmark = 7,
+    Category = 8,
+    Home = 9,
+    Notification = 10,
+    Chat = 11,
+    Heart = 12,
+    Paper = 13,
+    Plus = 14,
+    Minus = 15,
+    PaperPlus = 16,
+    PaperNegative = 17,
+    PaperFail = 18,
+    PaperDownload = 19,
+    PaperUpload = 20,
+    Send = 21,
+    PasswordMini = 22,
+    Swap = 23,
+    Work = 24,
+    Arrow1 = 25,
+    Arrow2 = 26,
+    Arrow3 = 27,
+    Arrow4 = 28,
+    ArrowMini1 = 29,
+    ArrowMini2 = 30,
+    Scan = 31,
+    Activity = 32,
+    Calendar = 33,
+    Message = 34,
+    PlusMini = 35,
+    ChartMini = 36,
+    Game = 37,
+    Bag1 = 38,
+    Bag2 = 39,
+    TicketStar = 40,
+    MoreCircle = 41,
+    MoreSquare = 42,
+    Discount = 43,
+    Buy = 44,
+    Web = 45,
+    InfoMini = 46,
+    DangerMini = 47,
+    DangerTriangle = 48,
+    CloseMini = 49,
+    TickMini = 50,
+    Video = 51,
+    Discovery = 52,
+    Location = 53,
+    Document = 54,
+    Setting = 55,
+    TimeSquare = 56,
+    TimeCircle = 57,
+    VolumeUp = 58,
+    VolumeDown = 59,
+    VolumeOff = 60,
+    Star = 61,
+    Select = 62,
+    Ticket = 63,
+    Camera = 64,
+    Profile = 65,
+    AddUser = 66,
+    TwoUser = 67,
+    ThreeUser = 68,
+    Login = 69,
+    Logout = 70,
+    Download = 71,
+    Upload = 72,
+    Voice = 73,
+    Voice2 = 74,
+    Delete = 75,
+    Edit = 76,
+    EditSquare = 77,
+    PlayMini = 78,
+    ShieldDone = 79,
+    ShieldFail = 80,
+    Show = 81,
+    Hide = 82,
+    Filter = 83,
+    Filter2 = 84,
+    Image = 85,
+    Image2 = 86,
+    Call = 87,
+    Calling = 88,
+    CallMissed = 89,
+    CallSilent = 90,
+    Lock = 91,
+    Unlock = 92,
+    Resources = 93,
+    Language = 94
+}
+
+declare enum ENUM_ICON_LOADING {
+    Line = 0,
+    Circle = 1,
+    Blocks = 2,
+    Balls = 3
+}
+
+declare enum ENUM_ICON_LOGO {
+    Jenesei = 0
+}
+
+declare enum ENUM_ICON_REALEBAIL {
+    Map = 0,
+    HomeLikes = 1,
+    HomeManagement = 2,
+    UserSettings = 3,
+    User = 4
+}
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+declare type IconItemProps<T extends keyof IconTypeMap> = {
+    type: T;
+    name: IconTypeMap[T];
+    className?: string;
+    onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+    size: IThemeSize | '100%';
+    primaryColor?: IThemePaletteKeys;
+    secondColor?: IThemePaletteKeys;
+    turn?: number;
+    order?: number;
+    tabIndex?: number;
+} & addSXProps;
+
+declare type IconTypeMap = {
+    id: TIconIdNameString;
+    checkbox: TIconCheckboxNameString;
+    loading: TIconLoadingNameString;
+    realebail: TIconRealEbailNameString;
+    logo: TIconLogoNameString;
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+
+declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+declare interface IThemeGenreTypeDefault {
+    background: {
+        rest: string;
+        hover: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+    };
+}
+
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'amnezia' | 'inherit' | 'currentColor';
+
+declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+declare interface IThemeSizePropertyDefault {
+    font: number;
+    height: number;
+    heightIcon: number;
+    padding: number;
+    radius: number;
+}
+
+declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
+
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
+export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps;
+
+/****************************************** Styled *************************************************/
+export declare const StyledIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap_2;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_2 | "100%";
+primaryColor?: IThemePaletteKeys_2;
+secondColor?: IThemePaletteKeys_2;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_2, AddDollarSign_2<Pick<CheckboxProps_2, "genre" | "checked">>>> & string & Omit<(<T extends keyof IconTypeMap_2>(props: IconItemProps_2<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare type StyledIconProps = AddDollarSign<Pick<CheckboxProps, 'genre' | 'checked'>>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export declare type TCheckboxGenre = keyof IThemeGenre;
+
+declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
+
+declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
+
+declare type TIconLoadingNameString = keyof typeof ENUM_ICON_LOADING;
+
+declare type TIconLogoNameString = keyof typeof ENUM_ICON_LOGO;
+
+declare type TIconRealEbailNameString = keyof typeof ENUM_ICON_REALEBAIL;
+
+declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;
+
+declare type TypographyDataProps = TypographyDefaultProps & {
+    size?: number;
+};
+
+declare type TypographyDefaultProps = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily;
+    flex?: string;
+    height?: number;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+};
+
+declare type TypographySXProps = {
+    default: TypographyAllProps;
+} & {
+    [K in IThemeDevice]?: TypographyAllProps;
+};
+
+declare type TypographyVariantProps = TypographyDefaultProps & {
+    variant: IThemeTypographyHeading;
+};
+
+export { }

package/build/component-checkbox.es.js

@@ -0,0 +1,10 @@
+import { C, c, a, b, d, S } from "./component.styles-DOPCUXcr.js";
+export {
+  C as Checkbox,
+  c as CheckboxGenre,
+  a as CheckboxSize,
+  b as CheckboxSizeConstructor,
+  d as CheckboxWrapper,
+  S as StyledIcon
+};
+//# sourceMappingURL=component-checkbox.es.js.map

package/build/component-checkbox.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-checkbox.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-date-picker.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-Dj3h7jd9.cjs");exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDaySize=e.DateDropdownDaySize,exports.DateDropdownDaySizeConstructor=e.DateDropdownDaySizeConstructor,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputWrapper=e.DateInputWrapper,exports.DateInputWrapperSize=e.DateInputWrapperSize,exports.DateInputWrapperSizeConstructor=e.DateInputWrapperSizeConstructor,exports.DatePicker=e.DatePicker,exports.DateWrapper=e.DateWrapper;
+//# sourceMappingURL=component-date-picker.cjs.js.map

package/build/component-date-picker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-date-picker.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}