jp.ui.app.ds 1.0.1 → 1.0.3

package/dist/matherial3/top-up-bar/top-app-bar.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { IconButtonType } from '../icon-button/icon-button';
+export type componentType = {
+    title: string;
+    titleColor: string;
+    backgroundColor: string;
+    leftButton?: IconButtonType;
+    rightFirstButton?: IconButtonType;
+    rightSecondButton?: IconButtonType;
+    rightThirdButton?: IconButtonType;
+};
+export declare const TopAppBar: ({ title, titleColor, backgroundColor, leftButton, rightFirstButton, rightSecondButton, rightThirdButton }: componentType) => React.JSX.Element;

package/dist/matherial3/top-up-bar/top-app-bar.style.d.ts

@@ -0,0 +1,18 @@
+export declare const TopAppBarRootStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TopAppBarIconButtonsPanelTitle: import("@emotion/styled").StyledComponent<import("../typography/m3-typography.tsx").TypographyProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const RightCol: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    direction: "row" | "column";
+    justifyContent: "start" | "center" | "space-between" | "space-around" | "space-evenly" | "end";
+    alignItems: "stretch" | "center" | "start" | "end";
+    gap?: number;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/matherial3/typography/m3-typography.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Theme } from '@emotion/react';
-import { M3TextStylesBody } from '@choochoochoo/jp.theme';
+import { M3TextStylesBody } from 'jp.ui.theme';
 import { TypographySize } from './typography-size';
-export declare function getTextStyle(styleBody: M3TextStylesBody, size: TypographySize): import("@choochoochoo/jp.theme").M3TextStylesBodySize;
+export declare function getTextStyle(styleBody: M3TextStylesBody, size: TypographySize): import("jp.ui.theme").M3TextStylesBodySize;
 export type TypographyProps = {
     color: string;
     size: TypographySize;

package/dist/tokens/common.d.ts

@@ -0,0 +1,5 @@
+export declare const border_radius = "12px";
+export declare const content_min_width = "320px";
+export declare const content_max_width = "960px";
+export declare const toolbar_height_number = 64;
+export declare const toolbar_height = "64px";

package/dist/tokens/index.d.ts

@@ -0,0 +1,5 @@
+import * as common from './common';
+import * as media from './media';
+import * as palette from './palette';
+import * as zIndex from './z-index';
+export { common, media, palette, zIndex, };

package/dist/tokens/media.d.ts

@@ -0,0 +1,4 @@
+export declare const MAX_TABLE_WIDTH = 959.98;
+export declare const MAX_MOBILE_WIDTH = 666.98;
+export declare const sm = "(max-width: 666.98px)";
+export declare const md = "(max-width: 959.98px)";

package/dist/tokens/palette.d.ts

@@ -0,0 +1,49 @@
+export declare const default_face_background_color_light = "#F1EAFA";
+export declare const default_face_background_color_dark = "#CCC2DC";
+export declare const default_face_border_color_light = "#1C1B1F";
+export declare const default_face_border_color_dark = "#CCC2DC";
+export declare const default_suit_club_dark = "rgb(16, 97, 12)";
+export declare const default_suit_club_light = "#045800";
+export declare const default_suit_spade_dark = "rgb(25, 34, 38)";
+export declare const default_suit_spade_light = "rgb(25, 34, 38)";
+export declare const default_suit_heart_dark = "rgb(170, 6, 4)";
+export declare const default_suit_heart_light = "#960402";
+export declare const default_suit_diamond_dark = "rgb(7, 86, 143)";
+export declare const default_suit_diamond_light = "#00477A";
+export declare const western_yellow = "#EBA85A";
+export declare const western_background = "#262626";
+export declare const premium_background = "#281F2F";
+export declare const premium_yellow = "#C7A52E";
+export declare const pink_panther_pink = "#F5578D";
+export declare const pink_panther_background = "#3E3E3E";
+export declare const dacha_green = "#00695C";
+export declare const dacha_white = "#FAF8E2";
+export declare const dacha_red = "#D0392E";
+export declare const dacha_black = "#2E2D28";
+export declare const vampire_black = "#202020";
+export declare const vampire_white = "#FFFFFF";
+export declare const vampire_red = "#D82B2B";
+export declare const ussr_red = "#D02020";
+export declare const ussr_yellow = "#D8BE32";
+export declare const ussr_black = "#1B1B1B";
+export declare const semaphore_blue = "#1C56C7";
+export declare const semaphore_black = "#151515";
+export declare const semaphore_green = "#107D2F";
+export declare const semaphore_red = "#D32B2B";
+export declare const semaphore_white = "#FFFFFF";
+export declare const avatar_frame_inst1 = "#515BD4";
+export declare const avatar_frame_inst2 = "#8134AF";
+export declare const avatar_frame_inst3 = "#DD2A7B";
+export declare const avatar_frame_inst4 = "#F58529";
+export declare const avatar_frame_inst5 = "#FEDA77";
+export declare const avatar_frame_yellow = "#FFD700";
+export declare const avatar_frame_red = "#9F0000";
+export declare const avatar_frame_blue1 = "#2CBBB2";
+export declare const avatar_frame_blue2 = "#80CDEE";
+export declare const avatar_frame_bali1 = "#F6EB84";
+export declare const avatar_frame_bali2 = "#37CCD6";
+export declare const avatar_frame_fire1 = "#FFCC34";
+export declare const avatar_frame_fire2 = "#FF645A";
+export declare const avatar_frame_sunset1 = "#FF7796";
+export declare const avatar_frame_sunset2 = "#394E62";
+export declare const avatar_frame_purple = "#990779";

package/dist/tokens/z-index.d.ts

@@ -0,0 +1,10 @@
+export declare const avatar_badge = 1;
+export declare const avatar_cards = 2;
+export declare const toolbar = 10;
+export declare const bottom_panel = 100;
+export declare const bottom_sheet = 200;
+export declare const bottom_selection_panel = 200;
+export declare const page = 700;
+export declare const page_friends_chat = 701;
+export declare const dialog = 1000;
+export declare const snackbar = 1400;

package/dist/universal-screen/icons.d.ts

@@ -0,0 +1 @@
+export declare function getIcon(type: string): string;

package/dist/universal-screen/index.d.ts

@@ -0,0 +1 @@
+export { UniversalScreen } from './universal-screen.tsx';

package/dist/universal-screen/sections/banner-section/banner-section-item.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AppScreenSectionListItem } from 'jp.common.view';
+import { ListSectionClick } from '../../types.ts';
+type TextSectionProps = {
+    item: AppScreenSectionListItem;
+    listSectionClick?: ListSectionClick;
+};
+export declare const BannerSectionItem: ({ item, listSectionClick }: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/banner-section/banner-section-item.style.d.ts

@@ -0,0 +1,23 @@
+import { Theme } from '@emotion/react';
+export declare const BannerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    hasNoPadding?: boolean;
+    theme?: Theme;
+    image: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BannerTitleStyled: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BannerLogoStyled: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BannerButtonStyled: import("@emotion/styled").StyledComponent<{
+    theme?: Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: Theme;
+}, {}, {}>;

package/dist/universal-screen/sections/banner-section/banner-section.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+import { ListSectionClick } from '../../types.ts';
+type TextSectionProps = {
+    section: AppScreenSection;
+    listSectionClick?: ListSectionClick;
+};
+export declare const BannerSection: ({ section, listSectionClick }: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/card-list-section/card-list-section-item.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AppScreenSectionListItem } from 'jp.common.view';
+import { ListSectionButtonClick, ListSectionClick } from '../../types';
+type CardListSectionItem = {
+    item: AppScreenSectionListItem;
+    listSectionClick?: ListSectionClick;
+    listSectionPrimaryButtonClick?: ListSectionButtonClick;
+    listSectionSecondaryButtonClick?: ListSectionButtonClick;
+};
+export declare const CardListSectionItem: (props: CardListSectionItem) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/card-list-section/card-list-section.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+import { ListSectionButtonClick, ListSectionClick } from '../../types';
+type TextSectionProps = {
+    section: AppScreenSection;
+    listSectionClick?: ListSectionClick;
+    listSectionPrimaryButtonClick?: ListSectionButtonClick;
+    listSectionSecondaryButtonClick?: ListSectionButtonClick;
+};
+export declare const CardListSection: (props: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/card-list-section/card-list-section.style.d.ts

@@ -0,0 +1,10 @@
+export declare const CardListSectionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardListSectionDivider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLHRElement> & import("react").HTMLAttributes<HTMLHRElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/universal-screen/sections/cards-set-info-section/cards-set-info-section.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+type CardsSetInfoSectionProps = {
+    section: AppScreenSection;
+};
+export declare const CardsSetInfoSection: ({ section }: CardsSetInfoSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/cards-set-info-section/cards-set-info-section.style.d.ts

@@ -0,0 +1,12 @@
+export declare const CardsSetInfoSectionStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardSetInfoSectionItemWrapperStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardSetInfoSectionItemCard: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/universal-screen/sections/form-buttons-section/form-buttons-section.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+import { HeaderSectionButtonClick } from '../../types';
+type TextSectionProps = {
+    section: AppScreenSection;
+    formButtonsSectionPrimaryClick?: HeaderSectionButtonClick;
+    formButtonsSectionSecondaryClick?: HeaderSectionButtonClick;
+};
+export declare const FormButtonsSection: (props: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/form-buttons-section/form-buttons-section.style.d.ts

@@ -0,0 +1,4 @@
+export declare const FormButtonsStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/universal-screen/sections/index.d.ts

@@ -0,0 +1,10 @@
+import { TextSection } from './text-section/text-section';
+import { MenuHeaderSection } from './menu-header-section/menu-header-section';
+import { MenuListSection } from './menu-list-section/menu-list-section';
+import { CardListSection } from './card-list-section/card-list-section';
+import { StatusHeaderSection } from './status-header-section/status-header-section';
+import { BannerSection } from './banner-section/banner-section';
+import { TabsSection } from './tabs-section/tabs-section';
+import { CardsSetInfoSection } from './cards-set-info-section/cards-set-info-section';
+import { FormButtonsSection } from './form-buttons-section/form-buttons-section';
+export { TextSection, MenuHeaderSection, MenuListSection, CardListSection, StatusHeaderSection, BannerSection, TabsSection, CardsSetInfoSection, FormButtonsSection, };

package/dist/universal-screen/sections/menu-header-section/menu-header-section.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+type TextSectionProps = {
+    section: AppScreenSection;
+};
+export declare const MenuHeaderSection: ({ section }: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/menu-header-section/menu-header-section.style.d.ts

@@ -0,0 +1,4 @@
+export declare const MenuHeaderSectionStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/universal-screen/sections/menu-list-section/menu-list-section-item.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AppScreenSectionListItem } from 'jp.common.view';
+import { ListSectionClick } from '../../types';
+type MenuListSectionItemProps = {
+    item: AppScreenSectionListItem;
+    listSectionClick?: ListSectionClick;
+};
+export declare const MenuListSectionItem: ({ item, listSectionClick }: MenuListSectionItemProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/menu-list-section/menu-list-section-option.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type optionComponentProps = {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    title: string;
+    icon: string;
+    children?: React.ReactNode;
+    imageUrl?: string;
+};
+export declare const MenuListSectionOption: (props: optionComponentProps) => React.JSX.Element;

package/dist/universal-screen/sections/menu-list-section/menu-list-section-option.style.d.ts

@@ -0,0 +1,21 @@
+export declare const ImageStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    width?: number;
+    height?: number;
+    backgroundColor?: string;
+    fontSize?: number;
+} & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const ItemStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const IconCol: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/universal-screen/sections/menu-list-section/menu-list-section.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+import { ListSectionClick } from '../../types.ts';
+type TextSectionProps = {
+    section: AppScreenSection;
+    listSectionClick?: ListSectionClick;
+};
+export declare const MenuListSection: ({ section, listSectionClick }: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/menu-list-section/menu-list-section.style.d.ts

@@ -0,0 +1,4 @@
+export declare const MenuListSectionStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/universal-screen/sections/section-factory.d.ts

@@ -0,0 +1,3 @@
+import { AppScreenSection } from 'jp.common.view';
+import { UniversalScreenSectionHandlers } from '../types.ts';
+export declare function createUniversalSection(sectionType: string, section: AppScreenSection, sectionHandlers?: UniversalScreenSectionHandlers): import("react").JSX.Element;

package/dist/universal-screen/sections/status-header-section/status-header-section.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+import { HeaderSectionButtonClick } from '../../types';
+type TextSectionProps = {
+    section: AppScreenSection;
+    primaryButtonClick?: HeaderSectionButtonClick;
+    secondaryButtonClick?: HeaderSectionButtonClick;
+};
+export declare const StatusHeaderSection: ({ section, primaryButtonClick, secondaryButtonClick }: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/tabs-section/tabs-section.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+import { ListSectionClick } from '../../types.ts';
+type TabsSectionProps = {
+    section: AppScreenSection;
+    tabClick?: ListSectionClick;
+};
+export declare const TabsSection: (props: TabsSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/tabs-section/tabs-section.style.d.ts

@@ -0,0 +1,3 @@
+export declare const TabsSectionStyle: import("@emotion/styled").StyledComponent<import("../../../matherial3/tabs/tabs").TabsProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/universal-screen/sections/text-section/text-section.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { AppScreenSection } from 'jp.common.view';
+type TextSectionProps = {
+    section: AppScreenSection;
+};
+export declare const TextSection: ({ section }: TextSectionProps) => React.JSX.Element;
+export {};

package/dist/universal-screen/sections/text-section/text-section.style.d.ts

@@ -0,0 +1,3 @@
+export declare const TextSectionContent: import("@emotion/styled").StyledComponent<import("../../../matherial3/typography/m3-typography").TypographyProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/universal-screen/types.d.ts

@@ -0,0 +1,20 @@
+import { AppScreenSectionListItem, AppSectionButton } from 'jp.common.view';
+export type ListSectionClick = (item: AppScreenSectionListItem) => void;
+export type ListSectionButtonClick = (item: AppScreenSectionListItem, button?: AppSectionButton) => void;
+export type HeaderSectionButtonClick = (button?: AppSectionButton) => void;
+export type PrimaryButtonClickProps = {
+    item: AppScreenSectionListItem;
+    button: AppSectionButton;
+};
+export type UniversalScreenSectionHandlers = {
+    appBarCloseButtonClick?: HeaderSectionButtonClick;
+    appBarActionButtonClick?: HeaderSectionButtonClick;
+    tabsSectionClick?: ListSectionClick;
+    listSectionClick?: ListSectionClick;
+    listSectionPrimaryButtonClick?: ListSectionButtonClick;
+    listSectionSecondaryButtonClick?: ListSectionButtonClick;
+    headerPrimaryButtonClick?: HeaderSectionButtonClick;
+    headerSecondaryButtonClick?: HeaderSectionButtonClick;
+    formButtonsSectionPrimaryClick?: HeaderSectionButtonClick;
+    formButtonsSectionSecondaryClick?: HeaderSectionButtonClick;
+};

package/dist/universal-screen/universal-screen.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { AppScreenTypes } from 'jp.common.view';
+import { UniversalScreenSectionHandlers } from './types';
+type UniversalScreenProps = {
+    screen?: AppScreenTypes;
+    isLoading: boolean;
+    isError: boolean;
+    init?: (id?: string) => void;
+    deactivate?: () => void;
+    sectionHandlers?: UniversalScreenSectionHandlers;
+};
+export declare const UniversalScreen: (props: UniversalScreenProps) => React.JSX.Element;
+export {};

package/dist/utils/common.d.ts

@@ -0,0 +1,7 @@
+export declare function fillArray(length: number): Array<number>;
+export declare function generateArrayFromStartToEnd(start: number, end: number): number[];
+export declare function replacePattern(str: string, data: Record<string, string>): string;
+export declare function getSuitRank(id: string): {
+    suit: string;
+    rank: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jp.ui.app.ds",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -15,15 +15,17 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@choochoochoo/jp.theme": "1.0.0",
-    "@material-design-icons/svg": "0.14.15"
+    "@material-design-icons/svg": "0.14.15",
+    "jp.common.view": "1.1.2",
+    "jp.ui.theme": "1.0.0",
+    "react-number-format": "5.4.4"
   },
   "devDependencies": {
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@rollup/plugin-commonjs": "28.0.8",
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.2.0",
+    "@rollup/plugin-url": "8.0.2",
     "@storybook/addon-docs": "9.1.13",
     "@storybook/addon-themes": "9.1.13",
     "@storybook/addon-webpack5-compiler-swc": "4.0.1",