@soppiya/elementus 1.0.9 → 1.1.1

package/dist/components/filters/Filters.d.ts

@@ -0,0 +1,3 @@
+import { FilterProps } from './filter.schema';
+declare const Filters: ({ queryValue, queryPlaceholder, focused, filters, appliedFilters, onQueryChange, onClearAll, onQueryBlur, onQueryFocus, disabled, hideFilters, hideQueryField, disableQueryField, disableFilters, loading, children, onAddFilterClick }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export default Filters;

package/dist/components/filters/Filters.stories.d.ts

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

package/dist/components/filters/filter.schema.d.ts

@@ -0,0 +1,35 @@
+export interface AppliedFilterInterface {
+    key: string;
+    label: string;
+    onRemove(): void;
+}
+export interface FilterInterface {
+    key: string;
+    label: string;
+    filter: React.ReactNode;
+    pinned?: boolean;
+    disabled?: boolean;
+    hideClearButton?: boolean;
+    suffix?: React.ReactNode;
+    hidden?: boolean;
+    onAction?: () => void;
+}
+export interface FilterProps {
+    queryValue?: string;
+    queryPlaceholder?: string;
+    focused?: boolean;
+    filters: FilterInterface[];
+    appliedFilters?: AppliedFilterInterface[];
+    onQueryChange?: (queryValue: string) => void;
+    onClearAll?: () => void;
+    onQueryBlur?: () => void;
+    onQueryFocus?: () => void;
+    disabled?: boolean;
+    hideFilters?: boolean;
+    hideQueryField?: boolean;
+    disableQueryField?: boolean;
+    disableFilters?: boolean;
+    loading?: boolean;
+    children?: React.ReactNode;
+    onAddFilterClick?: () => void;
+}

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

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

package/dist/components/index-filters/CreateNewView.d.ts

@@ -0,0 +1,6 @@
+interface CreateNewViewProps {
+    disabled?: boolean;
+    onCreate?: (name: string) => void;
+}
+declare const CreateNewView: ({ disabled, onCreate }: CreateNewViewProps) => import("react/jsx-runtime").JSX.Element;
+export default CreateNewView;

package/dist/components/index-filters/DeleteView.d.ts

@@ -0,0 +1,8 @@
+interface DeleteViewProps {
+    name?: string;
+    index: number;
+    onAction?: () => void;
+    onDelete?: (index: number) => void;
+}
+declare const DeleteView: ({ name, index, onAction, onDelete }: DeleteViewProps) => import("react/jsx-runtime").JSX.Element;
+export default DeleteView;

package/dist/components/index-filters/DuplicateView.d.ts

@@ -0,0 +1,7 @@
+interface CreateNewViewProps {
+    duplicateName?: string;
+    onAction?: () => void;
+    onDuplicate?: (name: string) => void;
+}
+declare const DuplicateView: ({ duplicateName, onAction, onDuplicate }: CreateNewViewProps) => import("react/jsx-runtime").JSX.Element;
+export default DuplicateView;

package/dist/components/index-filters/IndexFilter.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { FilterProps } from '../filters/filter.schema';
+import { IndexSortingProps } from '../index-sorting/indexSorting.schema';
+interface IndexFilterProps extends IndexSortingProps, FilterProps {
+    tabs: string[];
+    sortFilter?: React.ReactNode;
+    searchFilterBtn?: React.ReactNode;
+    selected: number;
+    canCreateNewView?: boolean;
+    disabled?: boolean;
+    onAction: () => void;
+    onSelect: (selectedTabIndex: number) => void;
+    onCreateNewView?: (name: string) => Promise<boolean>;
+}
+declare const IndexFilter: ({ tabs, sortFilter, searchFilterBtn, selected, onSelect, onAction, disabled, canCreateNewView, onCreateNewView, queryValue, queryPlaceholder, focused, filters, appliedFilters, onQueryChange, onClearAll, onQueryBlur, onQueryFocus, hideFilters, hideQueryField, disableFilters, loading, children, onAddFilterClick, choices, selectedOrder, defaultDirection, onChangeKey, onChangeDirection, }: IndexFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default IndexFilter;

package/dist/components/index-filters/IndexFilter.stories.d.ts

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

package/dist/components/index-filters/IndexTab.d.ts

@@ -0,0 +1,11 @@
+interface IndexTabProps {
+    tabs: string[];
+    selected: number;
+    disabled?: boolean;
+    canCreateNewView?: boolean;
+    onSelect: (selectedTabIndex: number) => void;
+    onAction: () => void;
+    onCreateNewView?: (name: string) => Promise<boolean>;
+}
+declare const IndexTab: ({ tabs, selected, disabled, canCreateNewView, onSelect, onAction, onCreateNewView }: IndexTabProps) => import("react/jsx-runtime").JSX.Element;
+export default IndexTab;

package/dist/components/index-filters/RenameView.d.ts

@@ -0,0 +1,8 @@
+interface CreateNewViewProps {
+    rename?: string;
+    disabled?: boolean;
+    onAction?: () => void;
+    onRename?: (name: string) => void;
+}
+declare const RenameView: ({ rename, disabled, onAction, onRename }: CreateNewViewProps) => import("react/jsx-runtime").JSX.Element;
+export default RenameView;

package/dist/components/index-filters/index.d.ts

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

package/dist/components/index-filters/indexFilter.schema.d.ts

@@ -0,0 +1,14 @@
+export type TabAction = 'rename' | 'duplicate' | 'delete';
+export interface TabActionDescriptor {
+    type: TabAction;
+    onAction?: (name: string) => void;
+    onPrimaryAction?: (name: string) => Promise<boolean> | void;
+}
+export interface TabProps {
+    onAction?: () => void;
+    id: string;
+    isLocked?: boolean;
+    content: string;
+    actions?: TabActionDescriptor[];
+    viewNames?: string[];
+}

package/dist/components/index-sorting/IndexSorting.d.ts

@@ -0,0 +1,3 @@
+import { IndexSortingProps } from './indexSorting.schema';
+declare const IndexSorting: ({ choices, selectedOrder, defaultDirection, disabled, onChangeKey, onChangeDirection, }: IndexSortingProps) => import("react/jsx-runtime").JSX.Element;
+export default IndexSorting;

package/dist/components/index-sorting/IndexSorting.stories.d.ts

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

package/dist/components/index-sorting/index.d.ts

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

package/dist/components/index-sorting/indexSorting.schema.d.ts

@@ -0,0 +1,16 @@
+type SortValue = `${string} ${"asc" | "desc"}`;
+export interface Choice {
+    label: string;
+    disabled?: boolean;
+    value: SortValue;
+    directionLabel: string;
+}
+export interface IndexSortingProps {
+    choices: Choice[];
+    selectedOrder: string;
+    defaultDirection?: string;
+    disabled?: boolean;
+    onChangeKey?: (key: string) => void;
+    onChangeDirection?: (direction: string) => void;
+}
+export {};

package/dist/components/index.d.ts

@@ -18,8 +18,11 @@ export { DropdownPagination } from './dropdownPagination';
 export { EdgeBlurWrapper } from './edgeBlurWrapper';
 export { EmptyState } from './emptyState';
 export { ExceptionList } from './exceptionList';
+export { Filters } from './filters';
 export { Grid } from './grid';
 export { Image } from './image';
+export { IndexFilter } from './index-filters';
+export { IndexSorting } from './index-sorting';
 export { InlineStack } from './inlineStack';
 export { Input } from './input';
 export { List } from './list';
@@ -34,6 +37,7 @@ export { ProgressBar } from './progressBar';
 export { Radio } from './radio';
 export { Range } from './range';
 export { ResourceItem } from './resourceItem';
+export { SectionHeading } from './section-heading';
 export { Select } from './select';
 export { SkeletonBodyText } from './skeletonBodyText';
 export { SkeletonDisplayText } from './skeletonDisplayText';

package/dist/components/section-heading/SectionHeading.d.ts

@@ -0,0 +1,24 @@
+import { AllowedTextElementsProps, ColorProps, FontWeightProps, ResponsiveColorProps, ResponsiveFontWeightProps, ResponsiveTextAlignProps, ResponsiveTruncateProps, TextAlignProps, TruncateProps } from '../../utils/types/types';
+/*************************
+ *Props
+ *************************/
+interface SectionHeadingProps {
+    title?: string | React.ReactNode;
+    titleAlign?: ResponsiveTextAlignProps | TextAlignProps;
+    titleFontWeight?: ResponsiveFontWeightProps | FontWeightProps;
+    subTitle?: string | React.ReactNode;
+    subTitleAlign?: ResponsiveTextAlignProps | TextAlignProps;
+    titleTAs?: AllowedTextElementsProps;
+    subTitleColor?: ResponsiveColorProps | ColorProps;
+    titleButton?: React.ReactNode;
+    children_width?: "max-content" | "min-content" | "fit-content" | "auto";
+    gap?: string;
+    isInfoButton?: boolean;
+    infoButtonText?: string;
+    infoButtonUrl?: string;
+    children?: React.ReactNode;
+    titleTruncate?: ResponsiveTruncateProps | TruncateProps;
+    subTitleTruncate?: ResponsiveTruncateProps | TruncateProps;
+}
+declare const SectionHeading: ({ title, titleTAs, titleFontWeight, subTitle, isInfoButton, subTitleAlign, titleAlign, subTitleColor, titleButton, children, titleTruncate, subTitleTruncate }: SectionHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export default SectionHeading;

package/dist/components/section-heading/SectionHeading.stories.d.ts

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

package/dist/components/section-heading/index.d.ts

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