rbro-tat-uds 1.0.26 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rbro-tat-uds",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "",
   "type": "module",
   "main": "dist/index.cjs.js",

package/readme.md

@@ -0,0 +1,6 @@
+Nice to follow:
+
+- Componentele "atom"/reutilizabile (Button, Icon, Label etc.) au documentate in storybook prop-urile ce fac sens a fi folosite sau sunt manipulate/conditionate in definitia componentei, iar restul preluate si transmise mai departe cu {...props}
+- Pentru componentele ce grupeaza alte componente (ProductShortcut, ConfigurationSaveInfo etc.), sa foloseasca pentru props-urile componentelor din interior naming de genul: "buttonOnClick"/"buttonLabel" <=> "componentName+componentPropName"
+- Pentru componentele ce contin slots, sa se foloseasca metoda de named childrens (sau cum se numeste ea) (cea folosita deja la Sidebar)
+- Sa incercam pe cat posibil sa fim 1:1 cu figma si dpdv styling si dpdv props, iar daca nu se poate, sa semnalizam pentru a avea docs din figma 1:1 cu ce expune storybook.

package/dist/components/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -1,11 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { IconsListProp } from "../Icon/Icon.types";
-export interface BreadcrumbItemProps extends HTMLAttributes<HTMLDivElement> {
-    icon?: IconsListProp;
-    label?: string;
-    selected?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
-}
-declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
-export default BreadcrumbItem;

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

@@ -1 +0,0 @@
-export { default as BreadcrumbItem } from "./BreadcrumbItem";

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,8 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface BreadcrumbsProps extends HTMLAttributes<HTMLDivElement> {
-    gap?: number;
-    padding?: string;
-    children?: React.ReactNode;
-}
-declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
-export default Breadcrumbs;

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

@@ -1 +0,0 @@
-export { default as Breadcrumbs } from "./Breadcrumbs";

package/dist/components/Button/Button.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import IconsList from "../Icon/IconsList";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    type?: "button" | "submit" | "reset";
-    width?: string;
-    intent?: "accent" | "info" | "danger";
-    variant?: "primary" | "secondary" | "secondaryOutlined" | "tertiary";
-    label?: string;
-    loading?: boolean;
-    size?: "small" | "medium" | "large";
-    leftIcon?: keyof typeof IconsList;
-    rightIcon?: keyof typeof IconsList;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

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

@@ -1 +0,0 @@
-export { default as Button } from "./Button";

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: "small" | "medium" | "large";
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    checked?: boolean;
-    disabled?: boolean;
-    name?: string;
-    id?: string;
-}
-declare const Checkbox: React.FC<CheckboxProps>;
-export default Checkbox;

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

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox';

package/dist/components/ConfigurationFlexicredit/ConfigurationFlexicredit.d.ts

@@ -1,15 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ConfigurationFlexicreditProps extends HTMLAttributes<HTMLDivElement> {
-    amount?: string;
-    currency?: string;
-    period?: string;
-    insurance?: string;
-    date?: string;
-    branch?: string;
-    clickable?: boolean;
-    disabled?: boolean;
-    disabledText?: string;
-    onClick?: () => void;
-}
-declare const ConfigurationFlexicredit: React.FC<ConfigurationFlexicreditProps>;
-export default ConfigurationFlexicredit;

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

@@ -1 +0,0 @@
-export { default as ConfigurationFlexicredit } from "./ConfigurationFlexicredit";

package/dist/components/ConfigurationSaveInfo/ConfigurationSaveInfo.d.ts

@@ -1,9 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ConfigurationSaveInfoProps extends HTMLAttributes<HTMLDivElement> {
-    configurationId?: string;
-    date?: string;
-    branchName?: string;
-    buttonOnClick?(): void;
-}
-declare const ConfigurationSaveInfo: React.FC<ConfigurationSaveInfoProps>;
-export default ConfigurationSaveInfo;

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

@@ -1 +0,0 @@
-export { default as ConfigurationSaveInfo } from "./ConfigurationSaveInfo";

package/dist/components/Container/Container.d.ts

@@ -1,14 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { colors } from "../../utils";
-export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
-    gap?: number;
-    padding?: string;
-    margin?: string;
-    flexDirection?: "row" | "column";
-    shadow?: string;
-    background?: keyof typeof colors;
-    borderRadius?: number;
-    children: React.ReactNode;
-}
-declare const Container: React.FC<ContainerProps>;
-export default Container;

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

@@ -1 +0,0 @@
-export { default as Container } from "./Container";

package/dist/components/Content/Content.d.ts

@@ -1,8 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ContentProps extends HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    padding?: string;
-    gap?: number;
-}
-declare const Content: React.FC<ContentProps>;
-export default Content;

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

@@ -1 +0,0 @@
-export { default as Content } from "./Content";

package/dist/components/Flex/Flex.d.ts

@@ -1,31 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { colors } from "../../utils";
-declare const _elements: readonly ["div", "main", "article", "p", "span"];
-declare const _directions: readonly ["row", "row-reverse", "column", "column-reverse"];
-declare const _wrap: readonly ["nowrap", "wrap", "wrap-reverse"];
-declare const _justify: readonly ["start", "center", "space-between", "space-around", "space-evenly"];
-declare const _items: readonly ["stretch", "center", "start", "end"];
-declare const _content: readonly ["start", "center", "space-between", "space-around"];
-export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    element?: (typeof _elements)[number];
-    width?: string;
-    height?: string;
-    background?: keyof typeof colors;
-    gap?: number;
-    direction?: (typeof _directions)[number];
-    wrap?: (typeof _wrap)[number];
-    grow?: number;
-    shrink?: number;
-    basis?: string;
-    justify?: (typeof _justify)[number];
-    items?: (typeof _items)[number];
-    content?: (typeof _content)[number];
-    padding?: string;
-    margin?: string;
-    radius?: number;
-    border?: string;
-    css?: string;
-}
-declare const Flex: React.FC<FlexProps>;
-export default Flex;

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

@@ -1 +0,0 @@
-export { default as Flex } from "./Flex";

package/dist/components/FormField/FormField.d.ts

@@ -1,17 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-    label?: string;
-    labelFontSize?: 14 | 16;
-    required?: boolean;
-    showHelpButton?: boolean;
-    leftHelperText?: string;
-    rightHelperText?: string;
-    helperIntent?: "info" | "success" | "danger";
-    labelFor?: string;
-    helpButtonOnClick?(): void;
-    rightText?: string;
-    showLeftHelperIcon?: boolean;
-}
-declare const FormField: React.FC<FormFieldProps>;
-export default FormField;

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

@@ -1 +0,0 @@
-export { default as FormField } from "./FormField";

package/dist/components/Icon/Icon.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { IconProps } from "./Icon.types";
-declare const _default: React.NamedExoticComponent<IconProps>;
-export default _default;

package/dist/components/Icon/Icon.types.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export type IconsListProp = "empty" | "enter" | "home" | "go-right" | "spinner" | "trash" | "asterix" | "hint" | "info_filled" | "checkmark_filled" | "warning_filled" | "checkmark" | "checkmark_ring" | "remove_person" | "clear_filled" | "doc-sent" | "man-butterfly" | "satellite-2" | "warning_filled" | "warning-tr-filled" | "minus" | "add" | "doc_edit" | "calendar" | "branch" | "invoice_seal" | "money-bag-incoming" | "money-bag-outlined" | "forward" | "money-investment" | "libra" | "offer";
-export type IconProps = Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-    icon: IconsListProp;
-    size?: 8 | 12 | 14 | 16 | 20 | 24 | 32 | 40;
-    fullWidth?: boolean;
-    color?: string;
-};

package/dist/components/Icon/IconsList.d.ts

@@ -1,32 +0,0 @@
-declare const IconsList: {
-    asterix: string;
-    checkmark: string;
-    checkmark_filled: string;
-    checkmark_ring: string;
-    "doc-sent": string;
-    enter: string;
-    "go-right": string;
-    hint: string;
-    home: string;
-    info_filled: string;
-    "man-butterfly": string;
-    trash: string;
-    remove_person: string;
-    clear_filled: string;
-    "satellite-2": string;
-    warning_filled: string;
-    "warning-tr-filled": string;
-    minus: string;
-    add: string;
-    doc_edit: string;
-    calendar: string;
-    branch: string;
-    invoice_seal: string;
-    "money-bag-incoming": string;
-    "money-bag-outlined": string;
-    forward: string;
-    "money-investment": string;
-    libra: string;
-    offer: string;
-};
-export default IconsList;

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

@@ -1 +0,0 @@
-export { default as Icon } from "./Icon";

package/dist/components/IconButton/IconButton.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import IconsList from "../Icon/IconsList";
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    intent?: "accent" | "info" | "danger";
-    variant?: "primary" | "secondary" | "secondaryOutlined" | "tertiary";
-    icon?: keyof typeof IconsList;
-    loading?: boolean;
-    size?: "small" | "medium" | "large";
-    shape?: "rounded" | "circle";
-}
-declare const IconButton: React.FC<IconButtonProps>;
-export default IconButton;

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

@@ -1 +0,0 @@
-export { default as IconButton } from './IconButton';

package/dist/components/LabeledText/LabeledText.d.ts

@@ -1,13 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { colors } from "../../utils";
-export interface LabeledTextProps extends HTMLAttributes<HTMLDivElement> {
-    text: string;
-    label?: string;
-    gap?: number;
-    labelFontSize?: 12 | 14 | 16 | 18;
-    textFontSize?: 14 | 16 | 18 | 20;
-    labelColor?: keyof typeof colors;
-    textColor?: keyof typeof colors;
-}
-declare const LabeledText: React.FC<LabeledTextProps>;
-export default LabeledText;

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

@@ -1 +0,0 @@
-export { default as LabeledText } from "./LabeledText";

package/dist/components/Layout/Layout.d.ts

@@ -1,8 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { colors } from "../../utils";
-export interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-    bgColor?: keyof typeof colors;
-}
-declare const Layout: React.FC<LayoutProps>;
-export default Layout;

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

@@ -1 +0,0 @@
-export { default as Layout } from "./Layout";

package/dist/components/Logo/Logo.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export type LogoProps = Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-    size?: 24 | 32 | 36 | 40 | 48;
-    fullWidth?: boolean;
-};
-declare const Logo: React.FC<LogoProps>;
-export default Logo;

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

@@ -1 +0,0 @@
-export { default as Logo } from "./Logo";

package/dist/components/ObjectiveCard/ObjectiveCard.d.ts

@@ -1,12 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ObjectiveCardProps extends HTMLAttributes<HTMLDivElement> {
-    text: string;
-    img?: string;
-    selected?: boolean;
-    disabled?: boolean;
-    buttonLabel?: string;
-    buttonOnClick?: () => void;
-    width?: string;
-}
-declare const ObjectiveCard: React.FC<ObjectiveCardProps>;
-export default ObjectiveCard;

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

@@ -1 +0,0 @@
-export { default as ObjectiveCard } from './ObjectiveCard';

package/dist/components/PageMessage/PageMessage.d.ts

@@ -1,10 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import IconsList from "../Icon/IconsList";
-export interface PageMessageProps extends HTMLAttributes<HTMLDivElement> {
-    intent?: "default" | "info" | "success" | "warning" | "danger";
-    icon?: keyof typeof IconsList;
-    pillText?: string;
-    children: React.ReactNode;
-}
-declare const PageMessage: React.FC<PageMessageProps>;
-export default PageMessage;

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

@@ -1 +0,0 @@
-export { default as PageMessage } from './PageMessage';

package/dist/components/PlanulFinanciarTeaser/PlanulFinanciarTeaser.d.ts

@@ -1,6 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface PlanulFinanciarTeaserProps extends HTMLAttributes<HTMLDivElement> {
-    buttonOnClick?: () => void;
-}
-declare const PlanulFinanciarTeaser: React.FC<PlanulFinanciarTeaserProps>;
-export default PlanulFinanciarTeaser;

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

@@ -1 +0,0 @@
-export { default as PlanulFinanciarTeaser } from './PlanulFinanciarTeaser';

package/dist/components/ProductPageTitle/ProductPageTitle.d.ts

@@ -1,8 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ProductPageTitleProps extends HTMLAttributes<HTMLDivElement> {
-    title?: string;
-    category?: string;
-    subtitle?: string;
-}
-declare const ProductPageTitle: React.FC<ProductPageTitleProps>;
-export default ProductPageTitle;

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

@@ -1 +0,0 @@
-export { default as ProductPageTitle } from "./ProductPageTitle";

package/dist/components/ProductShortcut/ProductShortcut.d.ts

@@ -1,11 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ProductShortcutProps extends HTMLAttributes<HTMLDivElement> {
-    title?: string;
-    text?: string;
-    buttonVariant?: "primary" | "secondary" | "secondaryOutlined" | "tertiary";
-    buttonLabel?: string;
-    disabled?: boolean;
-    buttonOnClick?(): void;
-}
-declare const ProductShortcut: React.FC<ProductShortcutProps>;
-export default ProductShortcut;

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

@@ -1 +0,0 @@
-export { default as ProductShortcut } from "./ProductShortcut";

package/dist/components/ProposalFlexicredit/ProposalFlexicredit.d.ts

@@ -1,16 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ProposalFlexicreditProps extends HTMLAttributes<HTMLDivElement> {
-    amount?: string;
-    currency?: string;
-    period?: string;
-    insurance?: string;
-    refinantare?: string;
-    date?: string;
-    type?: undefined | "sumaCeruta" | "sumaMaxima";
-    clickable?: boolean;
-    disabled?: boolean;
-    disabledText?: string;
-    onClick?: () => void;
-}
-declare const ProposalFlexicredit: React.FC<ProposalFlexicreditProps>;
-export default ProposalFlexicredit;

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

@@ -1 +0,0 @@
-export { default as ProposalFlexicredit } from "./ProposalFlexicredit";

package/dist/components/Section/Section.d.ts

@@ -1,13 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface SectionProps extends HTMLAttributes<HTMLDivElement>, ContentTopRightProps {
-    children: React.ReactNode;
-    title: string;
-    subtitle?: string;
-}
-type ContentTopRightProps = {
-    children?: React.ReactNode;
-};
-declare const Section: React.FC<SectionProps> & {
-    ContentTopRight: React.FC<ContentTopRightProps>;
-};
-export default Section;

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

@@ -1 +0,0 @@
-export { default as Section } from "./Section";

package/dist/components/SegmentedTabs/SegmentedTabs.d.ts

@@ -1,13 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface SegmentedTabsProps extends HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-    gap?: number;
-    padding?: string;
-}
-export interface StyledTabsWrapperProps {
-    children?: React.ReactNode;
-    $gap?: number;
-    $padding?: string;
-}
-declare const SegmentedTabs: React.FC<SegmentedTabsProps>;
-export default SegmentedTabs;

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

@@ -1 +0,0 @@
-export { default as SegmentedTabs } from "./SegmentedTabs";

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,19 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface SidebarProps extends HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-export type SidebarTopProps = {
-    children: React.ReactNode;
-};
-export type SidebarMiddleProps = {
-    children: React.ReactNode;
-};
-export type SidebarBottomProps = {
-    children: React.ReactNode;
-};
-declare const Sidebar: React.FC<SidebarProps> & {
-    Top: React.FC<SidebarTopProps>;
-    Middle: React.FC<SidebarMiddleProps>;
-    Bottom: React.FC<SidebarBottomProps>;
-};
-export default Sidebar;

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

@@ -1 +0,0 @@
-export { default as Sidebar } from "./Sidebar";

package/dist/components/SidebarItem/SidebarItem.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { IconsListProp } from "../Icon/Icon.types";
-export interface SidebarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    label: string;
-    icon: IconsListProp;
-    disabled?: boolean;
-    selected?: boolean;
-    onClick?(): void;
-}
-declare const SidebarItem: React.FC<SidebarItemProps>;
-export default SidebarItem;

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

@@ -1 +0,0 @@
-export { default as SidebarItem } from "./SidebarItem";

package/dist/components/Slider/Slider.d.ts

@@ -1,14 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-export interface SliderProps extends InputHTMLAttributes<HTMLInputElement> {
-    id?: string;
-    name?: string;
-    value?: number;
-    setValue?: (newValue: number) => void;
-    min?: number;
-    max?: number;
-    showSteppers?: boolean;
-    stepSize?: number;
-    disabled?: boolean;
-}
-declare const Slider: React.FC<SliderProps>;
-export default Slider;

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

@@ -1 +0,0 @@
-export { default as Slider } from "./Slider";

package/dist/components/Spinner/Spinner.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-type SpinnerProps = Omit<React.SVGProps<SVGSVGElement>, "ref" | "direction"> & {
-    size?: 16 | 20 | 24;
-    text?: string;
-    direction?: "vertical" | "horizontal";
-};
-declare const Spinner: React.FC<SpinnerProps>;
-export default Spinner;

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

@@ -1 +0,0 @@
-export { default as Spinner } from "./Spinner.tsx";

package/dist/components/Tab/Tab.d.ts

@@ -1,11 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { IconsListProp } from "../Icon/Icon.types";
-export interface TabProps extends HTMLAttributes<HTMLDivElement> {
-    label?: string;
-    icon?: IconsListProp;
-    selected?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
-}
-declare const Tab: React.FC<TabProps>;
-export default Tab;

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

@@ -1 +0,0 @@
-export { default as Tab } from "./Tab";

package/dist/components/TextInput/TextInput.d.ts

@@ -1,21 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-import IconsList from "../Icon/IconsList";
-export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
-    id?: string;
-    type?: "text" | "email" | "password" | "number";
-    name?: string;
-    placeholder?: string;
-    value: string | number;
-    setValue: (newValue: string | number) => void;
-    size?: "medium" | "large";
-    intent?: "default" | "danger" | "success";
-    loading?: boolean;
-    clearButton?: boolean;
-    leftText?: string;
-    rightText?: string;
-    leftButtonIcon?: keyof typeof IconsList;
-    rightButtonIcon?: keyof typeof IconsList;
-    rightButtonOnClick?: () => void;
-}
-declare const TextInput: React.FC<TextInputProps>;
-export default TextInput;

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

@@ -1 +0,0 @@
-export { default as TextInput } from './TextInput';

package/dist/components/index.d.ts

@@ -1,29 +0,0 @@
-export * from "./BreadcrumbItem";
-export * from "./Breadcrumbs";
-export * from "./Button";
-export * from "./Icon";
-export * from "./Logo";
-export * from "./Sidebar";
-export * from "./SidebarItem";
-export * from "./Layout";
-export * from "./Container";
-export * from "./Content";
-export * from "./Flex";
-export * from "./Tab";
-export * from "./SegmentedTabs";
-export * from "./ProductPageTitle";
-export * from "./LabeledText";
-export * from "./ConfigurationSaveInfo";
-export * from "./ProductShortcut";
-export * from "./IconButton";
-export * from "./Checkbox";
-export * from "./Section";
-export * from "./ObjectiveCard";
-export * from "./Spinner";
-export * from "./PlanulFinanciarTeaser";
-export * from "./PageMessage";
-export * from "./TextInput";
-export * from "./FormField";
-export * from "./Slider";
-export * from "./ConfigurationFlexicredit";
-export * from "./ProposalFlexicredit";