@dhasdk/simple-ui 1.0.8 → 1.0.10

package/lib/Accordion.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type CallbackFunction = (open: boolean) => void;
+export interface AccordionProps extends HTMLAttributes<HTMLButtonElement> {
+    label: string;
+    index?: number;
+    onExpand?: (setOpen: CallbackFunction) => void;
+    variant?: string;
+    chevron?: boolean;
+    iconAccordionOpened?: ReactNode;
+    iconAccordionClosed?: ReactNode;
+    classNameContainer?: string;
+    classNameContent?: string;
+    classNameHeading?: string;
+    children?: ReactNode;
+    singleOpen?: boolean;
+    hr?: boolean;
+    classNameHr?: string;
+    useBackground?: boolean;
+}
+export declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface AccordionParentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    variant?: string;
+    chevron?: boolean;
+    iconAccordionOpened?: ReactNode;
+    iconAccordionClosed?: ReactNode;
+    classNameContainer?: string;
+    classNameChildHeading?: string;
+    classNameChildContent?: string;
+    singleOpen?: boolean;
+    hr?: boolean;
+    classNameHr?: string;
+    useBackground?: boolean;
+}
+export declare const AccordionParent: import('react').ForwardRefExoticComponent<AccordionParentProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/lib/AppointmentPicker.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+type Interval = 'hour' | 'half-hour' | 'quarter-hour';
+type Option = {
+    name: string;
+    value?: string;
+};
+export interface AppointmentPickerProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    classNameContainer?: string;
+    interval?: 'hour' | 'half-hour' | 'quarter-hour';
+    timeFormat?: '12hr' | '24hr';
+    hourRange?: [number, number];
+    label?: string;
+    variant?: string;
+    optionsLabel?: string;
+    width?: string;
+    setSelectedOption?: (param: string) => void;
+}
+export declare const generateOptions: (interval: Interval, timeFormat: AppointmentPickerProps["timeFormat"], hourRange?: [number, number]) => Option[];
+export declare const AppointmentPicker: ({ className, classNameContainer, interval, timeFormat, hourRange, label, optionsLabel, variant, setSelectedOption, width, ...props }: AppointmentPickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Badge.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: 'success' | 'caution' | 'danger' | 'disabled';
+    className?: string;
+    classNameImage?: string;
+    classNameChildren?: string;
+    icon?: ReactNode;
+    iconAlt?: string;
+    children: ReactNode;
+}
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/Breadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface route {
+    name: string;
+    route: string;
+}
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    classNameContainer?: string;
+    variant?: string;
+    separator?: string;
+    routes?: route[];
+}
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLDivElement>>;

package/lib/Button.d.ts

@@ -0,0 +1,15 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    label?: string;
+    onClick?: () => void;
+    className?: string;
+    classNameGroup?: string;
+    icon?: ReactNode | undefined;
+    iconPosition?: "left" | "right" | "iconOnly" | undefined;
+    variant?: string;
+    type?: "button" | "submit" | "reset";
+    selected?: boolean;
+    classNameSelected?: string;
+}
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/ButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ButtonGroupProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    className?: string;
+    classNameButtons?: string;
+    variant?: string;
+}
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/Card.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: string;
+    subVariant?: string;
+    imagePath?: string;
+    classNameImage?: string;
+    imageInset?: boolean;
+    alt: string;
+    ariaLabel?: string;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/lib/CharacterCounter.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface CharacterCounterProps {
+    maxCharacters: number;
+    children: React.ReactNode;
+    className?: string;
+    classNameMessage?: string;
+    classNameOverLimitMessage?: string;
+    altRemainingMessageText?: string;
+    altOverageMessageText?: string;
+}
+export declare const CharacterCounter: ({ className, classNameMessage, classNameOverLimitMessage, maxCharacters, children, altRemainingMessageText, altOverageMessageText, }: CharacterCounterProps) => import("react/jsx-runtime").JSX.Element;

package/lib/CheckBox.d.ts

@@ -0,0 +1,30 @@
+import { default as React, InputHTMLAttributes, ReactNode } from 'react';
+export interface CheckBoxGroupProps {
+    children: ReactNode;
+    bridgeParent?: boolean;
+    fill?: boolean;
+    icon?: boolean;
+    marker?: boolean;
+    showBranch?: boolean;
+}
+type StatusType = 'checked' | 'unchecked' | 'indeterminate';
+type IconType = 'sibling' | 'sibling-child' | 'child' | 'blank';
+export interface CheckBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    ariaLabel?: string;
+    value?: string;
+    fill?: boolean;
+    icon?: boolean;
+    marker?: boolean;
+    level?: number;
+    classNameSvg?: string;
+    classNameInput?: string;
+    iconType?: IconType[];
+    children?: ReactNode;
+    index?: number;
+    showBranch?: boolean;
+    status?: StatusType;
+    setStatusUpdate?: (status: StatusType, index: number) => void;
+}
+export declare function CheckBoxGroup({ children, bridgeParent, fill, icon, marker, showBranch }: CheckBoxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const CheckBox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/lib/DatePicker.d.ts

@@ -0,0 +1,7 @@
+export interface DatePickerProps {
+    id: string;
+    label: string;
+    value?: string;
+    onChange: (date: string) => void | null;
+}
+export declare const DatePicker: ({ id, label, value, onChange }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Input.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes } from 'react';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    classNameLabel?: string;
+    classNameRequired?: string;
+    variant?: string;
+    label?: string;
+    insetLabel?: boolean;
+    labelBaseColor?: string;
+    textShadow?: boolean;
+    error?: boolean;
+    mask?: string;
+    disabled?: boolean;
+}
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };

package/lib/List.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface ListItemProps {
+    className?: string;
+    children: React.ReactNode;
+    target?: string;
+}
+export interface ListProps {
+    items?: ListItemProps[];
+    header?: string;
+    children?: React.ReactNode;
+    className?: string;
+    withDividers?: boolean;
+    classNameDividerColor?: string;
+    classNameItem?: string;
+    isDecimal?: boolean;
+    isDisc?: boolean;
+    isAlphabetical?: boolean;
+    isRomanNumeral?: boolean;
+    isInline?: boolean;
+}
+export declare const List: ({ items, header, className, classNameItem, children, withDividers, classNameDividerColor, isDecimal, isDisc, isAlphabetical, isRomanNumeral, isInline, }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ className, children }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Modal.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface AccessibleModalProps {
+    isOpen: boolean;
+    variant?: string;
+    className?: string;
+    closeButton?: boolean;
+    blurLevel?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    onClose: () => void;
+    title: string;
+    children: React.ReactNode;
+    clickOutsideCloses?: boolean;
+    displayClosingX?: boolean;
+    closeButtonText?: string;
+    continueButton?: boolean;
+    continueButtonText?: string;
+    continueButtonHandler?: () => void;
+}
+export declare const Modal: ({ isOpen, variant, onClose, title, className, closeButton, clickOutsideCloses, displayClosingX, closeButtonText, continueButton, continueButtonHandler, continueButtonText, blurLevel, children }: AccessibleModalProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/Pill.d.ts

@@ -0,0 +1,13 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface PillProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    iconLeft?: ReactNode;
+    iconLeftSelected?: ReactNode;
+    iconRight?: ReactNode;
+    iconRightSelected?: ReactNode;
+    children?: ReactNode;
+    onClick?: () => void;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare const Pill: import('react').ForwardRefExoticComponent<PillProps & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/ProgressBar.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface ProgressBarProps {
+    isStep?: boolean;
+    classNameFillColor?: string;
+    classNameBorderColor?: string;
+    classNameGradient?: string;
+    classNameArrowColor?: string;
+    /** Total number of steps in the progress bar */
+    totalSteps: number;
+    /** Current active step (1-based index) */
+    currentStep: number;
+}
+/**
+ * A progress bar component that shows a series of steps as circles with connecting lines.
+ * When steps are completed that step as well as the line up to the next circle are filled
+ * in with the specified color
+ */
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/lib/RadioGroup.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export type RadioOption = {
+    label: string;
+    value: string;
+    id: string;
+    disabled?: boolean;
+};
+type RadioGroupProps = {
+    title?: string;
+    classNameLabel?: string;
+    classNameInput?: string;
+    classNameContainer?: string;
+    options: RadioOption[];
+};
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export {};

package/lib/RadioIcon.d.ts

@@ -0,0 +1,3 @@
+export declare function RadioIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/Search.d.ts

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from 'react';
+export interface SearchDataItem {
+    path: string;
+    title?: string;
+    content: string;
+}
+export interface DataSearchResults {
+    input: string;
+    pages: {
+        title?: string;
+        path?: string;
+        results: {
+            characters: string;
+            index: number;
+        }[];
+    }[];
+}
+export interface SearchProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    searchableData: SearchDataItem[];
+    ariaLabel?: string;
+    iconLink?: boolean;
+    setSearchResults?: (res: DataSearchResults) => void;
+    mobileOnly?: boolean;
+}
+export declare const Search: import('react').ForwardRefExoticComponent<SearchProps & import('react').RefAttributes<HTMLInputElement>>;

package/lib/SearchContent.d.ts

@@ -0,0 +1,6 @@
+export interface SearchDataItem {
+    path: string;
+    title?: string;
+    content: string;
+}
+export declare const SearchableData: SearchDataItem[];

package/lib/SectionHeader.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface SectionHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    classNameChildren?: string;
+    classNameSubHeader?: string;
+    iconLeft?: ReactNode | undefined;
+    iconRight?: ReactNode | undefined;
+    underline?: boolean;
+    subHeader?: string;
+    fill?: boolean;
+    button?: boolean;
+    type?: 'page' | 'section' | 'subsection';
+    buttonOnClick?: () => void;
+    buttonContent?: string;
+    padLeft?: boolean;
+    padRight?: boolean;
+}
+export declare const SectionHeader: import('react').ForwardRefExoticComponent<SectionHeaderProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/Select.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+type Option = {
+    name: string;
+    value?: string;
+};
+export interface SelectProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    classNameContainer?: string;
+    label?: string;
+    variant?: string;
+    options: Option[];
+    optionsLabel?: string;
+    disabled?: boolean;
+    error?: boolean;
+    width?: string;
+    setSelectedOption: (param: string) => void;
+}
+export declare const Select: ({ className, classNameContainer, label, options, optionsLabel, disabled, variant, setSelectedOption, error, width, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Shield.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ShieldProps extends HTMLAttributes<HTMLDivElement> {
+    variant: string;
+    subVariant: string;
+    className?: string;
+    classNameSvg?: string;
+    imagePath?: string;
+    imageAlt?: string;
+    classNameImage?: string;
+    children?: ReactNode;
+}
+export declare const Shield: import('react').ForwardRefExoticComponent<ShieldProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/SideBarNav.d.ts

@@ -0,0 +1,21 @@
+import { ListItemProps } from './List';
+import * as React from 'react';
+export interface SideBarNavProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    image: string;
+    classNameImage?: string;
+    classNameImageContainer?: string;
+    clickOutsideCloses?: boolean;
+    menu?: boolean;
+    classNameMenu?: string;
+    classNameMenuContainer?: string;
+    classNameMenuItem?: string;
+    version: string;
+    appName: string;
+    menuItems: ListItemProps[];
+    right?: boolean;
+}
+export declare const SideBarNav: React.ForwardRefExoticComponent<SideBarNavProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Menu: ({ classes }: {
+    classes?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/Skeleton.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import * as React from 'react';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: string;
+    className?: string;
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface SkelProps {
+    className?: string;
+    inline?: boolean;
+}
+export declare const SkelCircle: FC<SkelProps>;
+export declare const SkelLine: FC<SkelProps>;
+export declare const SkelSection: FC<SkelProps>;
+export declare const SkelRow: FC<SkelProps>;

package/lib/SkipLink.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactElement } from 'react';
+/**
+ * The props for the {@link SkipLink} component
+ * @property className - The class name for the SkipLink component, defaults to 'skip-link'
+ * @property children - The child element of the SkipLink component
+ * @property skipTo - The css query aiding the selection of the container (main, section etc) we want to scroll to;
+ */
+export interface SkipLinkProps {
+    className?: string;
+    skipTo: string;
+    children: ReactElement<HTMLAttributes<HTMLElement>>;
+}
+/**
+ * A Skiplink component that allows keyboard users to skip to the main content of the page.
+ * See {@link SkipLinkProps} for more information.
+ */
+export declare const SkipLink: {
+    ({ className, children, skipTo }: SkipLinkProps): ReactElement<HTMLAttributes<HTMLElement>, string | import('react').JSXElementConstructor<any>>;
+    defaultProps: {
+        className: string;
+        skipTo: string;
+    };
+};

package/lib/Slider.d.ts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes } from 'react';
+export interface SliderProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    classNameLabel?: string;
+    variant?: string;
+    startValue?: number;
+    changeHandler?: (value: number) => void;
+    id?: string;
+    label?: string;
+}
+/**
+ * id, name, list are common options for slider
+ */
+export declare const Slider: import('react').ForwardRefExoticComponent<SliderProps & import('react').RefAttributes<HTMLInputElement | HTMLLabelElement>>;

package/lib/Status.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface StatusProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: string;
+    className?: string;
+    classNameChild?: string;
+    image?: ReactNode;
+    classNameImage?: string;
+    children?: ReactNode;
+}
+export declare const Status: import('react').ForwardRefExoticComponent<StatusProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/Tabs.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export declare enum IconPosition {
+    Right = "right",
+    Left = "left",
+    IconOnly = "iconOnly",
+    None = "undefined"
+}
+interface Tab {
+    id: string;
+    label: string;
+    onClick?: () => void;
+    content?: ReactNode;
+    activeIcon?: ReactNode | undefined;
+    inactiveIcon?: ReactNode | undefined;
+    iconPosition?: IconPosition;
+}
+export interface TabsProps {
+    variant?: string;
+    className?: string;
+    classNameContainer?: string;
+    customActiveClass?: string;
+    customInactiveClass?: string;
+    tabs: Tab[];
+}
+export declare const Tabs: ({ variant, tabs, className, classNameContainer, customActiveClass, customInactiveClass }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Toggle.d.ts

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface ToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    label?: string;
+    onCheckedChange?: (checked: boolean) => void;
+    className?: string;
+    classNameButton?: string;
+    variant?: string;
+}
+export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ReactNode } from 'react';
+export interface TooltipProps {
+    className?: string;
+    delay?: number;
+    id?: string;
+    children: ReactNode;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export interface TooltipContentProps {
+    children?: ReactNode;
+    className?: string;
+    position?: string;
+}
+export declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhasdk/simple-ui",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "license": "MIT",
   "main": "./index.js",
   "types": "./index.d.ts",

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": []
-}

package/.storybook/main.ts

@@ -1,35 +0,0 @@
-import { createRequire } from "node:module";
-import { dirname, join } from "node:path";
-// import { compact } from '@headlessui/react/dist/utils/render';
-import type { StorybookConfig } from '@storybook/react-vite';
-
-const require = createRequire(import.meta.url);
-
-const config: StorybookConfig = {
-  stories: ['../src/lib/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-  addons: [
-    getAbsolutePath("@storybook/addon-links"),
-    getAbsolutePath("@storybook/addon-onboarding"),
-    getAbsolutePath("@storybook/addon-coverage"),
-    getAbsolutePath("@storybook/addon-a11y"),
-    getAbsolutePath("@storybook/addon-docs")
-  ],
-  framework: {
-    name: getAbsolutePath("@storybook/react-vite"),
-    options: {
-      builder: {
-        viteConfigPath: 'vite.config.mts',
-      },
-    },
-  },
-};
-
-export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs
-
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, "package.json")));
-}

package/.storybook/preview.ts

@@ -1,4 +0,0 @@
-import '../src/styles.css';
-// development only!
-
-// import "@dhasdk/safelist-css"

package/BAKpostcss.config.jsBAK

@@ -1,15 +0,0 @@
-const { join } = require('path');
-
-// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
-// option from your application's configuration (i.e. project.json).
-//
-// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
-
-module.exports = {
-  plugins: {
-    tailwindcss: {
-      config: join(__dirname, 'tailwind.config.js'),
-    },
-    autoprefixer: {},
-  },
-};