@ainias42/react-bootstrap-mobile 1.0.1 → 1.0.3

package/dist/src/Components/Card/Card.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ReactElement } from 'react';
-export type CardProps = RbmComponentProps<{
-    title?: string | ReactElement;
-    fullHeight?: boolean;
-    noPaddingHeight?: boolean;
-    noPaddingWidth?: boolean;
-    noPadding?: boolean;
-    noMargin?: boolean;
-}>;
-declare function Card({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: CardProps): React.JSX.Element;
-declare const CardMemo: typeof Card;
-export { CardMemo as Card };

package/dist/src/Components/Dialog/AlertDialog.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export type AlertDialogProps = {
-    title?: string;
-    message: string;
-    close: () => void;
-    confirmText?: string;
-};
-declare function AlertDialog({ title, message, close, confirmText }: AlertDialogProps): React.JSX.Element;
-declare const AlertDialogMemo: typeof AlertDialog;
-export { AlertDialogMemo as AlertDialog };

package/dist/src/Components/Dialog/ConfirmDialog.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export type ConfirmDialogProps = {
-    title?: string;
-    message: string;
-    close: (confirmed: boolean) => void;
-    cancelText?: string;
-    confirmText?: string;
-};
-declare function ConfirmDialog({ title, message, close, cancelText, confirmText }: ConfirmDialogProps): React.JSX.Element;
-declare const ConfirmDialogMemo: typeof ConfirmDialog;
-export { ConfirmDialogMemo as ConfirmDialog };

package/dist/src/Components/FormElements/CheckBox/Checkbox.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { InputHTMLAttributes } from 'react';
-import { Override } from '@ainias42/js-helper';
-import { OptionalListener } from '../../Hooks/useListener';
-export type CheckboxProps<OnChangeData, OnChangeCheckedData> = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
-    label?: string;
-    children?: string;
-    isLabelBeforeCheckbox?: boolean;
-    error?: string;
-} & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onChangeChecked', OnChangeCheckedData, boolean>>>;
-declare function Checkbox<OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, error, style, ...props }: CheckboxProps<OnChangeData, OnChangeCheckedData>): React.JSX.Element;
-declare const tmp: typeof Checkbox;
-export { tmp as Checkbox };

package/dist/src/Components/FormElements/Controller/HookForm.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FormProviderProps } from "react-hook-form";
-type FieldValues = Record<string, any>;
-export type HookFormProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined> = FormProviderProps<TFieldValues, TContext, TTransformedValues> & {
-    onSend?: () => void;
-};
-export declare const HookForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>({ children, onSend, ...methods }: HookFormProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-export {};

package/dist/src/Components/FormElements/FormError.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export type FormErrorProps = {
-    error?: string;
-};
-export declare const FormError: ({ error }: FormErrorProps) => React.JSX.Element | null;

package/dist/src/Components/FormElements/Input/FileInput/FileInput.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../../../RbmComponentProps';
-import { Override } from '../../../../TypeHelpers';
-import { Listener } from '../../../Hooks/useListener';
-import { FileType } from "./FileType";
-import { MultipleFileInputProps } from "./MultipleFileInput";
-export type FileInputProps<OnChangeFileData> = RbmComponentProps<Override<Omit<MultipleFileInputProps<unknown>, "onChangeFiles" | "maxFiles" | "onChangeFilesData" | "mimeTypes" | "showDeleteButton">, {
-    value?: FileType;
-    mimeType?: string | string[];
-    required?: boolean;
-    "data-test-id"?: string;
-} & Listener<'onChangeFile', OnChangeFileData, FileType | undefined>>>;
-export declare const FileInput: <OnChangeData>({ value, mimeType, required, ...otherProps }: FileInputProps<OnChangeData>) => React.JSX.Element;

package/dist/src/Components/FormElements/Input/HiddenInput.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { InputProps } from './Input';
-export type HiddenInputProps<OnChangeType, OnBlurData, OnChangeEndData> = InputProps<OnChangeType, OnBlurData, OnChangeEndData> & {
-    noFocusHint?: boolean;
-};
-declare function HiddenInput<OnChangeData, OnBlurData, OnChangeEndData>({ noFocusHint, className, ...props }: HiddenInputProps<OnChangeData, OnBlurData, OnChangeEndData>): React.JSX.Element;
-declare const tmp: typeof HiddenInput;
-export { tmp as HiddenInput };

package/dist/src/Components/Image/Image.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
-import { CSSProperties } from 'react';
-import { Override } from '../../TypeHelpers';
-export type ImageProps = RbmComponentProps<Override<React.ComponentPropsWithoutRef<'img'>, {
-    src: string;
-    style?: CSSProperties;
-    alt?: string;
-}>, WithNoChildren>;
-declare function Image({ src, alt, className, style, ...otherProps }: ImageProps): React.JSX.Element;
-declare const ImageMemo: typeof Image;
-export { ImageMemo as Image };

package/dist/src/Components/Layout/Grow.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ForwardedRef } from "react";
-export type GrowProps = RbmComponentProps<{
-    center?: boolean;
-    weight?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    ref?: ForwardedRef<HTMLDivElement>;
-}>;
-export declare const Grow: ({ className, children, center, style, weight, ref }: GrowProps) => React.JSX.Element;

package/dist/src/Components/List/BulletList/BulletList.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-export type BulletListProps = RbmComponentProps<{
-    numbered?: boolean;
-}>;
-declare function BulletList({ numbered, className, children, style }: BulletListProps): React.JSX.Element;
-declare const BulletListMemo: typeof BulletList;
-export { BulletListMemo as BulletList };

package/dist/src/Components/List/BulletList/ListItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { EmptyProps } from '../../../helper/EmptyProps';
-export type ListItemProps = RbmComponentProps<EmptyProps>;
-declare function ListItem({ className, children, style }: ListItemProps): React.JSX.Element;
-declare const ListItemMemo: typeof ListItem;
-export { ListItemMemo as ListItem };

package/dist/src/Components/List/InfiniteList.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ListProps } from "./List";
-export type InfiniteListProps<ItemType> = ListProps<ItemType> & {
-    hasNextPage: boolean;
-    loadNextPage: () => unknown | Promise<unknown>;
-};
-export declare const InfiniteList: <ItemType>({ renderItem, itemHeight, items, renderBefore, keyExtractor, hasNextPage, loadNextPage, style, className }: InfiniteListProps<ItemType>) => React.JSX.Element;

package/dist/src/Components/List/List.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { CSSProperties, ForwardedRef, ReactElement, ReactNode } from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { FixedSizeList, FixedSizeListProps } from 'react-window';
-export type ListProps<ItemType> = RbmComponentProps<{
-    renderItem: (item: ItemType, style: CSSProperties, index: number) => ReactElement;
-    itemHeight?: number;
-    items: ItemType[];
-    renderBefore?: (item: ItemType, index: number) => ReactNode;
-    keyExtractor?: (item: ItemType, index: number) => string;
-    onItemsRendered?: FixedSizeListProps<ItemType>['onItemsRendered'];
-    autoSizeClassName?: string;
-    ref?: ForwardedRef<FixedSizeList<ItemType>>;
-}>;
-export declare const List: <ItemType>({ items, renderItem, itemHeight: initialItemHeight, className, style, onItemsRendered, autoSizeClassName, ref, }: ListProps<ItemType>) => React.JSX.Element;

package/dist/src/Components/LoadingArea/LoadingArea.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-export type LoadingAreaProps = RbmComponentProps<{
-    opacity?: number;
-    loading: boolean;
-    fullWidth?: boolean;
-    fullHeight?: boolean;
-    fullSize?: boolean;
-}>;
-declare function LoadingArea({ loading, fullWidth, fullSize, fullHeight, opacity, className, style, children, }: LoadingAreaProps): React.JSX.Element;
-declare const LoadingAreaMemo: typeof LoadingArea;
-export { LoadingAreaMemo as LoadingArea };

package/dist/src/Components/LoadingCircle/LoadingCircle.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-export type LoadingCircleProps = RbmComponentProps<{
-    size?: number;
-}>;
-declare function LoadingCircle({ size, className, style }: LoadingCircleProps): React.JSX.Element;
-declare const LoadingCircleMemo: typeof LoadingCircle;
-export { LoadingCircleMemo as LoadingCircle };

package/dist/src/Components/SpoilerList/Spoiler/Spoiler.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { ReactNode } from 'react';
-import { OptionalListener } from '../../Hooks/useListener';
-import { IconSource } from '../../Icon/Icon';
-export type SpoilerProps<OnClickData> = RbmComponentProps<{
-    title: ReactNode;
-    initialOpen?: boolean;
-    open?: boolean;
-    onlyTitleToggles?: boolean;
-    noClosingAnimation?: boolean;
-    noAnimation?: boolean;
-    openIcon?: IconSource | null;
-    closeIcon?: IconSource | null;
-} & OptionalListener<'onClick', OnClickData>>;
-declare function Spoiler<OnClickData>({ title, children, initialOpen, noClosingAnimation, noAnimation, openIcon, closeIcon, className, onlyTitleToggles, style, open, ...listenerProps }: SpoilerProps<OnClickData>): React.JSX.Element;
-declare const SpoilerMemo: typeof Spoiler;
-export { SpoilerMemo as Spoiler };

package/dist/src/Components/TabBar/TabBarButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { Listener } from '../Hooks/useListener';
-export type TabBarButtonProps = RbmComponentProps<{
-    active: boolean;
-} & Listener<'onClick', number>>;
-declare function TabBarButton({ active, className, children, ...rbmProps }: TabBarButtonProps): React.JSX.Element;
-declare const TabBarButtonMemo: typeof TabBarButton;
-export { TabBarButtonMemo as TabBarButton };

package/dist/src/Components/Toast/Toast.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
-import { Listener, OptionalListener } from '../Hooks/useListener';
-type WithoutActionProps<DismissedData> = {
-    timeToShow?: number;
-} & OptionalListener<'onDismissed', DismissedData>;
-type WithActionProps<ActionData, DismissedData> = WithoutActionProps<DismissedData> & {
-    actionName: string;
-} & Listener<'onClick', ActionData>;
-export type ToastProps<ActionData, DismissedData> = RbmComponentProps<WithActionProps<ActionData, DismissedData> | WithoutActionProps<DismissedData>, WithNoStringAndChildrenProps>;
-declare function Toast<ActionData, DismissedData>({ className, timeToShow, children, style, ...otherProps }: ToastProps<ActionData, DismissedData>): React.JSX.Element | null;
-declare const ToastMemo: typeof Toast;
-export { ToastMemo as Toast };

package/dist/src/Components/TopBar/MoreButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-export type MoreButtonProps = RbmComponentProps<{
-    disabled?: boolean;
-    onClick?: () => void;
-}>;
-declare function MoreButton({ onClick, disabled, className, style }: MoreButtonProps): React.JSX.Element;
-declare const MoreButtonMemo: typeof MoreButton;
-export { MoreButtonMemo as MoreButton };

package/dist/src/Components/TopBar/TopBarButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-export type TopBarButtonProps = RbmComponentProps<{
-    disabled?: boolean;
-    onClick?: () => void;
-}>;
-declare function TopBarButton({ disabled, onClick, className, children, ...rbmProps }: TopBarButtonProps): React.JSX.Element;
-declare const TopBarButtonMemo: typeof TopBarButton;
-export { TopBarButtonMemo as TopBarButton };

package/dist/src/ListRow/ListRow.d.ts

@@ -1 +0,0 @@
-export declare const ListRow: () => null;

package/dist/src/StyleProvider.d.ts

@@ -1,2 +0,0 @@
-declare const provider: any;
-export { provider as StyleProvider };

package/dist/src/helper/withMemo.d.ts

@@ -1,3 +0,0 @@
-import { ComponentType } from 'react';
-import { RESTRICT_CHILDREN } from './withRestrictedChildren';
-export declare function withMemo<C extends ComponentType<any>>(component: C, styles?: any, defaultAllowChildren?: typeof RESTRICT_CHILDREN['allowChildren']): C;

package/dist/src/helper/withRestrictedChildren.d.ts

@@ -1,6 +0,0 @@
-import React, { ComponentType, ForwardedRef, ReactElement } from 'react';
-import { RbmComponentProps } from '../Components/RbmComponentProps';
-export declare const RESTRICT_CHILDREN: {
-    allowChildren: undefined | "all" | "html" | "text";
-};
-export declare function withRestrictedChildren<C extends ComponentType<RbmComponentProps<Record<string, any>>>>(Component: C, defaultAllowChildren?: typeof RESTRICT_CHILDREN['allowChildren']): (props: React.ComponentProps<C>, ref: ForwardedRef<React.ComponentRef<C>>) => ReactElement;

package/scripts/getPackageJson.js

@@ -1,25 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-/**
- * A module to get package informations from package.json
- * @module getPackageJson
- * @param {...string} keys from package.json if no arguments passed it returns package.json content as object
- * @returns {object} with given keys or content of package.json as object
- */
-
-/**
- * Returns package info
- */
-const getPackageJson = function (...args) {
-    const packageJSON = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json')));
-    if (!args.length) {
-        return packageJSON;
-    }
-    return args.reduce((out, key) => {
-        out[key] = packageJSON[key];
-        return out;
-    }, {});
-};
-
-module.exports = getPackageJson;

package/src/Components/ActionSheet/actionSheet.scss

@@ -1,153 +0,0 @@
-@import "../../scss/variables";
-@import "../../scss/designMixin";
-
-$zIndexActionSheet: 10000;
-
-.actionSheet {
-  position: fixed;
-  top: 100%;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.1);
-  z-index: $zIndexActionSheet;
-
-  transition-duration: 0s;
-  transition-delay: 0.25s;
-
-  &.open {
-    transition-delay: 0s;
-    top: 0;
-
-    > :global(.full-height) {;
-      top: 0
-    }
-  }
-
-  > :global(.full-height) {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 100%;
-  }
-
-  .content {
-    bottom: 0;
-    height: 100%;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: end;
-
-    .action {
-      height: 56px;
-      width: 100%;
-      font-size: 20px;
-      background-color: #ffffff;
-      border-radius: 0;
-      line-height: 56px;
-      display: block;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
-    }
-
-    .cancel {
-      height: 56px;
-      width: 100%;
-      font-size: 20px;
-      background-color: #ffffff;
-      line-height: 56px;
-      display: block;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
-    }
-  }
-
-  @include design($material) {
-    > .full-height {
-      padding: 0;
-    }
-
-    .content {
-      text-align: left;
-
-      .action {
-        padding: 0 0 0 16px;
-        color: #686868;
-
-        .actionIcon {
-          display: inline-block;
-          float: left;
-          margin-right: 32px;
-          font-size: 26px;
-          text-align: center;
-          width: 0.8em;
-          height: 56px;
-        }
-      }
-
-      .cancel {
-        padding: 0 0 0 16px;
-        color: #686868;
-
-        .actionIcon {
-          display: inline-block;
-          float: left;
-          margin-right: 32px;
-          font-size: 1rem;
-          text-align: center;
-          width: 0.8em;
-          height: 56px;
-        }
-      }
-    }
-  }
-
-  @include design($flat) {
-    .content {
-
-      text-align: center;
-
-      padding-right: 10px;
-      padding-left: 10px;
-      padding-bottom: 10px;
-
-      .action {
-        color: var(--flavor-accent);
-
-        background-size: 100% 1px;
-        background-repeat: no-repeat;
-        background-position: bottom;
-        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 100%);
-
-        &:first-child {
-          border-top-right-radius: 12px;
-          border-top-left-radius: 12px;
-        }
-
-        &:nth-last-child(2) {
-          border-bottom-right-radius: 12px;
-          border-bottom-left-radius: 12px;
-        }
-
-        .actionIcon {
-          display: none;
-        }
-      }
-
-      .cancel {
-        color: var(--flavor-accent);
-
-        border-radius: 12px;
-        margin: 8px 0 0 0;
-
-        .actionIcon {
-          display: none;
-        }
-      }
-    }
-  }
-}

package/src/Components/Card/card.scss

@@ -1,76 +0,0 @@
-@import "../../scss/variables";
-@import "../../scss/designMixin";
-
-$marginCard: 8px;
-
-.card {
-  margin: $marginCard;
-  padding: 16px;
-  word-wrap: break-word;
-  background-color: #ffffff;
-
-  &.fullHeight {
-    height: calc(100% - #{2*$marginCard})
-  }
-
-  &.noPaddingHeight {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  &.noPaddingWidth {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  &.noPadding {
-    padding: 0
-  }
-
-  &.noMargin {
-    margin: 0;
-
-    &.fullHeight {
-      height: 100%
-    }
-  }
-
-  .content {
-    font-size: $fontSizeBase;
-    margin: 0;
-    line-height: 1.4;
-  }
-
-  .title {
-    padding: 0;
-  }
-
-  @include design($material) {
-    border-radius: 2px;
-    box-shadow: $boxShadowMaterial;
-
-    .content {
-      color: #000000;
-      color: var(--card-text-color, rgba(0, 0, 0, 0.54));
-    }
-
-    .title {
-      margin: 8px 0 12px 0;
-      font-size: 24px;
-    }
-  }
-
-  @include design($flat) {
-    border-radius: 8px;
-    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);
-
-    .content {
-      color: var(--card-text-color, #030303);
-    }
-
-    .title {
-      margin: 4px 0 8px 0;
-      font-size: 20px;
-    }
-  }
-}

package/src/Components/Clickable/clickable.scss

@@ -1,8 +0,0 @@
-.clickable {
-  cursor: pointer;
-}
-
-.link {
-  color: var(--link-color);
-  text-decoration: underline;
-}

package/src/Components/Dialog/dialog.scss

@@ -1,30 +0,0 @@
-@import "../../scss/variables";
-@import "../../scss/designMixin";
-
-.dialogContainer {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  margin: auto;
-  z-index: 1001;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, 0.5);
-
-  .closeCurtain {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-
-  .dialog {
-    max-width: map-get($grid-breakpoints, "xxl");
-    z-index: 1;
-  }
-}

package/src/Components/Dialog/dialogBackground.scss

@@ -1,11 +0,0 @@
-.dialogBackground {
-  background-color: white;
-  padding: 0.5rem;
-  max-height: 80vh;
-  overflow: auto;
-
-  .title {
-    gap: 16px;
-    margin: 0 0 0.8rem;
-  }
-}

package/src/Components/FormElements/Button/button.scss

@@ -1,73 +0,0 @@
-@import "../../../scss/variables";
-@import "../../../scss/designMixin";
-@import "../../../scss/flavorMixin";
-
-.button {
-  cursor: pointer;
-  margin: 0;
-  user-select: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  text-decoration: none;
-  letter-spacing: 0;
-  vertical-align: middle;
-  border-radius: 3px;
-  transition: none;
-
-  @include flavorSelection(--button-color);
-
-  @include design($material) {
-    box-shadow: $boxShadowMaterial;
-    min-height: 40px;
-    line-height: 40px;
-    padding: 0 16px;
-    text-align: center;
-    font-size: 14px;
-    text-transform: uppercase;
-    font-weight: 500;
-  }
-
-  @include design($flat) {
-    line-height: 32px;
-    padding: 4px 18px;
-    font-size: 17px;
-  }
-
-  &.primary {
-    background-color: var(--button-color);
-    border: 0 solid currentColor;
-    color: white;
-    --text-primary-default-color: white;
-  }
-
-  &.secondary {
-    background-color: transparent;
-    border: 1px solid var(--button-color);
-    color: var(--button-color);
-    --text-primary-default-color: var(--button-color);
-  }
-
-  &.disabled {
-    opacity: 0.3;
-    cursor: default;
-    pointer-events: none;
-  }
-
-  &.small {
-    @include design($material) {
-      min-height: 17px;
-      line-height: 17px;
-      padding: 0 8px;
-    }
-
-    @include design($flat) {
-      line-height: 17px;
-      padding: 4px 9px;
-    }
-  }
-
-  &.fullWidth {
-    width: 100%;
-  }
-}