fui-material 0.2.60 → 0.2.61

package/dist/material/FPaper/FPaper.d.ts

@@ -0,0 +1,18 @@
+import React, { FC } from "react";
+import "./FPaper.css";
+export interface IFPaper {
+    label?: string;
+    children?: React.ReactChild | React.ReactNode;
+    st?: React.CSSProperties;
+    fontSizeLabel?: string;
+    fontSizeBody?: string;
+    id?: string;
+    className?: string;
+    onAnimationEnd?: () => void;
+    animated?: {
+        name: string;
+        value: string;
+    };
+}
+declare const FPaper: FC<IFPaper>;
+export default FPaper;

package/dist/material/FPaper/index.d.ts

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

package/dist/material/FPreloader/FPreloader.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+import "./FPreloader.css";
+export interface IFPreloader {
+    st?: React.CSSProperties;
+    backgroundColor?: string;
+    children?: React.ReactChild | React.ReactNode;
+    open: boolean;
+}
+declare const FPreloader: FC<IFPreloader>;
+export default FPreloader;

package/dist/material/FPreloader/index.d.ts

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

package/dist/material/FProgress/FProgress.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from "react";
+import "./FProgress.css";
+export interface IFProgress {
+    st?: React.CSSProperties;
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+}
+declare const FProgress: FC<IFProgress>;
+export default FProgress;

package/dist/material/FProgress/index.d.ts

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

package/dist/material/FRadioButton/FRadioButton.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from "react";
+import './RadioButton.css';
+export interface IFRadioButton {
+    label?: React.ReactChild | React.ReactNode;
+    onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
+    className?: string;
+    id?: string;
+    st?: React.CSSProperties | undefined;
+    checked?: boolean | undefined;
+    disabled?: boolean;
+}
+declare const FRadioButton: FC<IFRadioButton>;
+export default FRadioButton;

package/dist/material/FRadioButton/index.d.ts

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

package/dist/material/FSearchBox/FSearchBox.d.ts

@@ -0,0 +1,32 @@
+import React, { FC } from "react";
+import './FSearchBox.css';
+import '../FTextField/FTextField.css';
+import '../statick/index.css';
+export interface IFSearchBox {
+    label?: string;
+    st?: React.CSSProperties;
+    value?: string | number | readonly string[] | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    errText?: string[];
+    helpText?: string;
+    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
+    id?: string;
+    className?: string;
+    load?: boolean;
+    min?: number;
+    max?: number;
+    placeholder?: string | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    variant?: 'contained' | 'default';
+    color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+}
+declare const FSearchBox: FC<IFSearchBox>;
+export default FSearchBox;

package/dist/material/FSelectSearchDb/FSelectSearchDb.d.ts

@@ -0,0 +1,21 @@
+import React, { FC } from "react";
+import './FSelectSearchDb.css';
+export interface IFSelectSearchDb {
+    fetchingFunc: (text: string) => Promise<any[]>;
+    selectedElement: (e: any | undefined) => void;
+    selectItem: any;
+    label?: string;
+    st?: React.CSSProperties;
+    id?: string;
+    fullWidth?: boolean;
+    className?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    errText?: string[];
+    helpText?: string;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    minLengthText?: number;
+}
+declare const FSelectSearchDb: FC<IFSelectSearchDb>;
+export default FSelectSearchDb;

package/dist/material/FSelectSearchDb/index.d.ts

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

package/dist/material/FStack/FStack.d.ts

@@ -0,0 +1,14 @@
+import React, { FC } from "react";
+import "./FStack.css";
+export interface IFStack {
+    direction?: 'row' | "row-reverse" | 'column' | "column-reverse";
+    alignItems?: "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
+    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+    spacing?: number;
+    children?: React.ReactChild | React.ReactNode;
+    className?: string;
+    st?: React.CSSProperties;
+    id?: string;
+}
+declare const FStack: FC<IFStack>;
+export default FStack;

package/dist/material/FStack/index.d.ts

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

package/dist/material/FTextArea/FTextArea.d.ts

@@ -0,0 +1,23 @@
+import React, { FC } from "react";
+export interface IFTextArea {
+    label?: string;
+    st?: React.CSSProperties;
+    value?: string | undefined;
+    cols?: number;
+    rows?: number;
+    placeholder?: string;
+    readOnly?: boolean;
+    disabled?: boolean;
+    autoComplete?: boolean;
+    className?: string;
+    id?: string;
+    fullWidth?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLTextAreaElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement> | undefined;
+    errText?: string[];
+    helpText?: string;
+    load?: boolean;
+}
+declare const FTextArea: FC<IFTextArea>;
+export default FTextArea;

package/dist/material/FTextArea/index.d.ts

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

package/dist/material/FTextField/FTextField.d.ts

@@ -0,0 +1,26 @@
+import React, { FC } from "react";
+import "./FTextField.css";
+export interface IFTextField {
+    label?: string;
+    st?: React.CSSProperties;
+    value?: string | number | readonly string[] | undefined | null;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    type?: 'text' | 'number' | 'email' | 'tel' | 'password';
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    errText?: string[];
+    helpText?: string;
+    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
+    id?: string;
+    className?: string;
+    load?: boolean;
+    min?: number;
+    max?: number;
+    placeholder?: string | undefined;
+}
+declare const FTextField: FC<IFTextField>;
+export default FTextField;

package/dist/material/FTextField/index.d.ts

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

package/dist/material/FTimelineComponents/FTimeline/FTimeline.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import "./FTimeline.css";
+export interface IFTimeline {
+    children?: React.ReactChild | React.ReactNode;
+    st?: React.CSSProperties;
+    id?: string;
+    className?: string;
+}
+declare const FTimeline: FC<IFTimeline>;
+export default FTimeline;

package/dist/material/FTimelineComponents/FTimeline/index.d.ts

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

package/dist/material/FTimelineComponents/FTimelineCard/FTimelineCard.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+export interface IFTimelineCard {
+    children?: React.ReactChild | React.ReactNode;
+    st?: React.CSSProperties;
+    title?: string;
+    id?: string;
+    className?: string;
+}
+declare const FTimelineCard: FC<IFTimelineCard>;
+export default FTimelineCard;

package/dist/material/FTimelineComponents/FTimelineCard/index.d.ts

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

package/dist/material/SelectComponents/FSelect/FSelect.d.ts

@@ -0,0 +1,21 @@
+import React, { FC } from "react";
+import "./FSelect.css";
+export interface IFSelect {
+    label?: string;
+    st?: React.CSSProperties;
+    onChange?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    value?: string | number | readonly string[] | undefined;
+    multiple?: boolean | undefined;
+    size?: number | undefined;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    defaultValue?: string | number | readonly string[] | undefined;
+    id?: string;
+    className?: string;
+    load?: boolean;
+    errText?: string[];
+    helpText?: string;
+}
+declare const FSelect: FC<IFSelect>;
+export default FSelect;

package/dist/material/SelectComponents/FSelect/index.d.ts

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

package/dist/material/SelectComponents/FSelectItem/FSelectItem.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from "react";
+export interface IFSelectItem {
+    st?: React.CSSProperties;
+    value?: string | number | readonly string[] | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLOptionElement> | undefined;
+    selected?: boolean;
+    className?: string;
+    id?: string;
+}
+declare const FSelectItem: FC<IFSelectItem>;
+export default FSelectItem;

package/dist/material/SelectComponents/FSelectItem/index.d.ts

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

package/dist/material/TableComponents/FTable/FTable.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from "react";
+import "./FTable.css";
+export interface IFTable {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler<HTMLTableElement> | undefined;
+    overflowX?: 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | undefined;
+}
+declare const FTable: FC<IFTable>;
+export default FTable;

package/dist/material/TableComponents/FTable/index.d.ts

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

package/dist/material/TableComponents/FTableBody/FTableBody.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+export interface IFTableBody {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    id?: string;
+    className?: string;
+}
+declare const FTableBody: FC<IFTableBody>;
+export default FTableBody;

package/dist/material/TableComponents/FTableBody/index.d.ts

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

package/dist/material/TableComponents/FTableDataCell/FTableDataCell.d.ts

@@ -0,0 +1,14 @@
+import React, { FC } from "react";
+export interface IFTableDataCell {
+    st?: React.CSSProperties;
+    row?: number | undefined;
+    col?: number | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
+    id?: string;
+    onBlur?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLTableDataCellElement> | undefined;
+    className?: string;
+}
+declare const FTableDataCell: FC<IFTableDataCell>;
+export default FTableDataCell;

package/dist/material/TableComponents/FTableDataCell/index.d.ts

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

package/dist/material/TableComponents/FTableFooter/FTableFooter.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+export interface IFTableFooter {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    id?: string;
+    className?: string;
+}
+declare const FTableFooter: FC<IFTableFooter>;
+export default FTableFooter;

package/dist/material/TableComponents/FTableFooter/index.d.ts

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

package/dist/material/TableComponents/FTableHead/FTableHead.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+export interface IFTableHead {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableSectionElement> | undefined;
+    id?: string;
+    className?: string;
+}
+declare const FTableHead: FC<IFTableHead>;
+export default FTableHead;

package/dist/material/TableComponents/FTableHead/index.d.ts

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

package/dist/material/TableComponents/FTableHeaderCell/FTableHeaderCell.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from "react";
+export interface IFTableHeaderCell {
+    st?: React.CSSProperties;
+    row?: number | undefined;
+    col?: number | undefined;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
+    id?: string;
+    className?: string;
+}
+declare const FTableHeaderCell: FC<IFTableHeaderCell>;
+export default FTableHeaderCell;

package/dist/material/TableComponents/FTableHeaderCell/index.d.ts

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

package/dist/material/TableComponents/FTableRow/FTableRow.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+export interface IFTableRow {
+    st?: React.CSSProperties;
+    children?: React.ReactChild | React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLTableRowElement> | undefined;
+    id?: string;
+    className?: string;
+}
+declare const FTableRow: FC<IFTableRow>;
+export default FTableRow;

package/dist/material/TableComponents/FTableRow/index.d.ts

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

package/dist/material/Tabs/FTab/FTab.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from "react";
+import '../styles/FTabs.css';
+export interface IFTabs {
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+}
+declare const FTab: FC<IFTabs>;
+export default FTab;

package/dist/material/Tabs/FTabs/FTabs.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from "react";
+import '../styles/FTabs.css';
+export interface IFTabs {
+    children?: React.ReactChild | React.ReactNode;
+    id?: string;
+    className?: string;
+    st?: React.CSSProperties;
+}
+declare const FTabs: FC<IFTabs>;
+export default FTabs;

package/dist/material/index.d.ts

@@ -0,0 +1,41 @@
+export { default as FButton } from "./FButton";
+export { default as FButtonFile } from "./FButtonFile";
+export { default as FTextField } from "./FTextField";
+export { default as FStack } from "./FStack";
+export { default as FGrid } from "./FGrid";
+export { default as FContainer } from "./FContainer";
+export { default as FPaper } from "./FPaper";
+export { default as FTable } from "./TableComponents/FTable";
+export { default as FTableHead } from "./TableComponents/FTableHead";
+export { default as FTableBody } from "./TableComponents/FTableBody";
+export { default as FTableRow } from "./TableComponents/FTableRow";
+export { default as FTableHeaderCell } from "./TableComponents/FTableHeaderCell";
+export { default as FTableDataCell } from "./TableComponents/FTableDataCell";
+export { default as FTableFooter } from "./TableComponents/FTableFooter";
+export { default as FDialog } from "./Dialog/FDialog";
+export { default as FDialogHeader } from "./Dialog/FDialogHeader";
+export { default as FDialogBody } from "./Dialog/FDialogBody";
+export { default as FDialogFooter } from "./Dialog/FDialogFooter";
+export { default as FProgress } from "./FProgress";
+export { default as FPreloader } from "./FPreloader";
+export { default as FCheckbox } from "./FCheckbox";
+export { default as FRadioButton } from "./FRadioButton";
+export { default as FPagination } from "./FPagination";
+export { default as FTimeline } from "./FTimelineComponents/FTimeline";
+export { default as FTimelineCard } from "./FTimelineComponents/FTimelineCard";
+export { default as FOpenImgFull } from "./FOpenImgFull";
+export { default as FAccordion } from "./FAccordion";
+export { default as FInputFileForm } from "./FInputFileForm";
+export { default as FFile } from "./FFile";
+export { default as FSelect } from "./SelectComponents/FSelect";
+export { default as FSelectItem } from "./SelectComponents/FSelectItem";
+export { default as FFullDateField } from "./FFullDateField";
+export { default as FSelectSearchDb } from "./FSelectSearchDb";
+export { default as FTextArea } from "./FTextArea";
+export { default as FAlert } from "./FAlert";
+export { default as FNative } from "./FNative";
+export { default as FTabs } from "./Tabs/FTabs";
+export { default as FTab } from "./Tabs/FTab";
+export { default as FDropdown } from "./Dropdown/FDropdown";
+export { default as FDropdownItem } from "./Dropdown/FDropdownItem";
+export { default as FSearchBox } from "./FSearchBox";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fui-material",
-  "version": "0.2.60",
+  "version": "0.2.61",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -36,5 +36,10 @@
     "@types/react-dom": "^18.2.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
-  }
+  },
+  "main": "dist/index.d.ts",
+  "module": "dist/index.d.tss",
+  "files": [
+    "dist"
+  ]
 }

package/.storybook/main.ts

@@ -1,19 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-onboarding",
-    "@storybook/addon-interactions",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,15 +0,0 @@
-import type { Preview } from "@storybook/react";
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
-
-export default preview;

package/public/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/rollup.config.js

@@ -1,33 +0,0 @@
-
-import image from '@rollup/plugin-image';
-import json from '@rollup/plugin-json';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import postcss from 'rollup-plugin-postcss';
-import typescript from "rollup-plugin-typescript2";
-
-export default {
-    input: 'src/index.ts',
-    output: [
-        {
-            file: 'dist/bundle.js',
-            format: 'cjs',
-        },
-        {
-            file: 'dist/bundle.esm.js',
-            format: 'esm',
-        },
-    ],
-    plugins: [
-        resolve(),
-        commonjs(),
-        typescript(),
-        image(),
-        json(),
-        postcss({
-            extract: true,
-            extensions: ['.css'],
-        }),
-    ],
-    external: ['react', 'react-dom'],
-};