@sensorario/sg-components 0.0.93 → 0.0.95

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import './App.css';
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/Authenticator/Authenticator.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Authenticator.css';
+type AuthenticatorProps = {
+    isLoggedIn: boolean;
+    handleLogin: () => void;
+    handleLogout: () => void;
+};
+export declare const Authenticator: React.FC<AuthenticatorProps>;
+export default Authenticator;

package/dist/components/Authenticator/Authenticator.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Authenticator from './Authenticator';
+declare const meta: Meta<typeof Authenticator>;
+export default meta;
+type Story = StoryObj<typeof Authenticator>;
+export declare const Default: Story;
+export declare const LoggedIn: Story;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './Button.css';
+import { type IconName } from '../Icon/Icon';
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+    icon?: IconName;
+    iconOnly?: boolean;
+};
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './ColorPicker.css';
+export interface ColorPickerProps {
+    value: string;
+    onChange: (color: string) => void;
+    swatches: string[];
+}
+export declare const ColorPicker: React.FC<ColorPickerProps>;
+export default ColorPicker;

package/dist/components/ColorPicker/ColorPicker.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ColorPicker from './ColorPicker';
+declare const meta: Meta<typeof ColorPicker>;
+export default meta;
+type Story = StoryObj<typeof ColorPicker>;
+export declare const Default: Story;

package/dist/components/CookieConsent/CookieConsent.d.ts

@@ -0,0 +1,6 @@
+import './cookie-consent.css';
+interface CookieConsentProps {
+    privacyPolicyHref?: string;
+}
+export declare const CookieConsent: ({ privacyPolicyHref, }: CookieConsentProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/CookieConsent/CookieConsent.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CookieConsent } from './CookieConsent';
+declare const meta: Meta<typeof CookieConsent>;
+export default meta;
+type Story = StoryObj<typeof CookieConsent>;
+export declare const Default: Story;

package/dist/components/FontPicker/FontPicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './FontPicker.css';
+export interface FontPickerProps {
+    value: string;
+    onChange: (fontFamily: string) => void;
+    options: string[];
+}
+export declare const FontPicker: React.FC<FontPickerProps>;
+export default FontPicker;

package/dist/components/FontPicker/FontPicker.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FontPicker from './FontPicker';
+declare const meta: Meta<typeof FontPicker>;
+export default meta;
+type Story = StoryObj<typeof FontPicker>;
+export declare const Default: Story;

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,11 @@
+import './footer.css';
+interface FooterProps {
+    copyright?: string;
+    href?: string;
+    links?: {
+        label: string;
+        href: string;
+    }[];
+}
+export declare const Footer: ({ copyright, href, links }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Footer/Footer.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Footer } from './Footer';
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;
+export declare const WithLinks: Story;
+export declare const CustomCopyright: Story;

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import './Header.css';
+interface HeaderProps {
+    onNavigate?: (page: string) => void;
+    title?: string;
+    homePageKey?: string;
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Header: ({ onNavigate, title, homePageKey, children, className, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Header/Header.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Header } from './Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Icon.css';
+export type IconName = 'menu' | 'layout' | 'edit' | 'help-circle' | 'check' | 'x' | 'file-plus' | 'link' | 'share-2' | 'download' | 'book' | 'printer' | 'eye' | 'columns' | 'sidebar-left' | 'sidebar-right' | 'play' | 'pause' | 'volume-2' | 'tech-node' | 'tech-go' | 'tech-php';
+export interface IconProps extends React.SVGAttributes<SVGSVGElement> {
+    name: IconName;
+    size?: number;
+}
+export declare const Icon: React.FC<IconProps>;
+export default Icon;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Icon } from './Icon';
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const AllIcons: Story;

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './Input.css';
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    invalid?: boolean;
+};
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/components/Input/Input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Input from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Invalid: Story;

package/dist/components/LoginModal/LoginModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './LoginModal.css';
+interface LoginModalProps {
+    open: boolean;
+    onClose: () => void;
+    onLogin: (username: string, password: string) => void;
+}
+declare const LoginModal: React.FC<LoginModalProps>;
+export default LoginModal;

package/dist/components/LoginModal/LoginModal.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import LoginModal from './LoginModal';
+declare const meta: Meta<typeof LoginModal>;
+export default meta;
+type Story = StoryObj<typeof LoginModal>;
+export declare const Default: Story;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './Modal.css';
+export type ModalButton = {
+    label: string;
+    onClick: () => void;
+};
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    buttons?: ModalButton[];
+    footer?: React.ReactNode;
+    closeLabel?: string;
+    className?: string;
+}
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Modal from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const WithIconAndButtons: Story;
+export declare const WithCustomFooter: Story;

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './PasswordInput.css';
+type PasswordInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+};
+declare const PasswordInput: React.FC<PasswordInputProps>;
+export default PasswordInput;

package/dist/components/PasswordInput/PasswordInput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import PasswordInput from './PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;

package/dist/components/Quadrato/Header/QuadratoHeader.d.ts

@@ -0,0 +1,24 @@
+import './QuadratoHeader.css';
+interface QuadratoHeaderProps {
+    title?: string;
+    homePageKey?: string;
+    onNavigate?: (page: string) => void;
+    /** Name of the shared .simonegentili.com auth cookie to check. */
+    cookieName?: string;
+    /** Username to display once authenticated. If omitted, falls back to decoding `usernameJwtField` from the JWT cookie. */
+    username?: string | null;
+    /** JWT claim to use as username when `username` prop is not provided. Default: 'sub' */
+    usernameJwtField?: string;
+    /** Delegated login call, e.g. AjaxRepository.authenticate. Must set the auth cookie on success. */
+    onLogin: (username: string, password: string) => void | Promise<void>;
+    /** Delegated logout call. Must clear the auth cookie. */
+    onLogout?: () => void;
+    /** Notified on mount and after every login/logout with the current auth state. */
+    onUserAuthenticated?: (isAuthenticated: boolean, username: string | null) => void;
+}
+export interface QuadratoHeaderHandle {
+    /** Forces the login modal open, e.g. when a consumer action requires auth first. */
+    openLoginModal: () => void;
+}
+export declare const QuadratoHeader: import("react").ForwardRefExoticComponent<QuadratoHeaderProps & import("react").RefAttributes<QuadratoHeaderHandle>>;
+export {};

package/dist/components/Quadrato/Header/QuadratoHeader.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QuadratoHeader } from './QuadratoHeader';
+declare const meta: Meta<typeof QuadratoHeader>;
+export default meta;
+type Story = StoryObj<typeof QuadratoHeader>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/dist/components/SG/Footer/SGFooter.d.ts

@@ -0,0 +1 @@
+export declare const SGFooter: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/SG/Footer/SGFooter.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SGFooter } from './SGFooter';
+declare const meta: Meta<typeof SGFooter>;
+export default meta;
+type Story = StoryObj<typeof SGFooter>;
+export declare const Default: Story;

package/dist/components/SG/Header/SGHeader.d.ts

@@ -0,0 +1,5 @@
+interface SGHeaderProps {
+    onNavigate?: (page: string) => void;
+}
+export declare const SGHeader: ({ onNavigate }: SGHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SG/Header/SGHeader.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SGHeader } from './SGHeader';
+declare const meta: Meta<typeof SGHeader>;
+export default meta;
+type Story = StoryObj<typeof SGHeader>;
+export declare const Default: Story;

package/dist/components/SetPasswordModal/SetPasswordModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './SetPasswordModal.css';
+interface SetPasswordModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSubmit: (newPassword: string) => void;
+}
+export declare const SetPasswordModal: React.FC<SetPasswordModalProps>;
+export default SetPasswordModal;

package/dist/components/SetPasswordModal/SetPasswordModal.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SetPasswordModal } from './SetPasswordModal';
+declare const meta: Meta<typeof SetPasswordModal>;
+export default meta;
+type Story = StoryObj<typeof SetPasswordModal>;
+export declare const Default: Story;

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Toggle.css';
+export interface ToggleProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label: string;
+}
+export declare const Toggle: React.FC<ToggleProps>;
+export default Toggle;

package/dist/components/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Toggle from './Toggle';
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from './components/Button/Button';
+export * from './components/Icon/Icon';
+export * from './components/Footer/Footer';
+export * from './components/SG/Footer/SGFooter';
+export * from './components/CookieConsent/CookieConsent';
+export * from './components/Header/Header';
+export * from './components/SG/Header/SGHeader';
+export * from './components/Quadrato/Header/QuadratoHeader';
+export * from './components/Authenticator/Authenticator';
+export * from './components/LoginModal/LoginModal';
+export * from './components/SetPasswordModal/SetPasswordModal';
+export * from './components/Modal/Modal';
+export * from './components/ColorPicker/ColorPicker';
+export * from './components/FontPicker/FontPicker';
+export * from './components/Toggle/Toggle';

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@sensorario/sg-components",
-  "version": "0.0.93",
+  "version": "0.0.95",
   "type": "module",
   "private": false,
   "scripts": {
     "dev": "vite",
-    "build": "npm version patch --no-git-tag-version && tsc -b && vite build",
+    "build": "tsc -b && vite build && tsc -p tsconfig.build.json",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -22,8 +22,8 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.es.js",
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
       "style": "./dist/sg-components.css"
     }
   },