@next-bricks/presentational-bricks 1.338.1 → 1.339.1

package/dist-types/datetime-selector/index.d.ts

@@ -0,0 +1,63 @@
+import type { RangeText } from "@next-libs/datetime-components";
+import type { ButtonSize } from "antd/lib/button";
+
+export type TooltipPlacement =
+  | "top"
+  | "left"
+  | "right"
+  | "bottom"
+  | "topLeft"
+  | "topRight"
+  | "bottomLeft"
+  | "bottomRight"
+  | "leftTop"
+  | "leftBottom"
+  | "rightTop"
+  | "rightBottom";
+
+export type ResolutionProps = "ms" | "s";
+
+export interface DatetimeSelectorProps {
+  from?: string;
+  to?: string;
+  shouldUpdateUrlParams?: boolean;
+  type?: string;
+  customTimeRange?: RangeText[];
+  placement?: TooltipPlacement;
+  resolution?: ResolutionProps;
+  size?: ButtonSize;
+  selectNearDays?: number;
+  format?: string;
+  rangeDays?: number;
+}
+
+export interface DatetimeSelectorEvents {
+  "datetime.selected": CustomEvent<
+    | { type: "dateRange"; value: "now/d" }
+    | { type: "specifiedDate"; value: { from: number; to: number } }
+  >;
+  "datetime.selected.v2": CustomEvent<{ from: number; to: number }>;
+  "datetime.selected.v3": CustomEvent<
+    { from: number; to: number } | { from: string }
+  >;
+}
+
+export interface DatetimeSelectorEventsMap {
+  onDatetimeSelected: "datetime.selected";
+  onDatetimeSelectedV2: "datetime.selected.v2";
+  onDatetimeSelectedV3: "datetime.selected.v3";
+}
+
+export declare class DatetimeSelectorElement extends HTMLElement {
+  from: string | undefined;
+  to: string | undefined;
+  shouldUpdateUrlParams: boolean | undefined;
+  type: string | undefined;
+  customTimeRange: RangeText[] | undefined;
+  placement: TooltipPlacement | undefined;
+  resolution: ResolutionProps | undefined;
+  size: ButtonSize | undefined;
+  selectNearDays: number | undefined;
+  format: string | undefined;
+  rangeDays: number | undefined;
+}

package/dist-types/digital-number/index.d.ts

@@ -0,0 +1,33 @@
+import type React from "react";
+
+export type DigitalNumberType = "default" | "custom";
+
+export interface DigitalNumberProps {
+  decimals?: number;
+  decimal?: string;
+  cellStyle?: CSSProperties;
+  textStyle?: CSSProperties;
+  easeSpeed?: number;
+  delaySpeed?: number;
+  maxLen?: number;
+  value?: number;
+  type?: DigitalNumberType;
+  height?: number;
+  width?: number;
+  thousands?: boolean;
+}
+
+export declare class DigitalNumberElement extends HTMLElement {
+  decimals: number | undefined;
+  decimal: string | undefined;
+  cellStyle: CSSProperties | undefined;
+  textStyle: CSSProperties | undefined;
+  easeSpeed: number | undefined;
+  delaySpeed: number | undefined;
+  maxLen: number | undefined;
+  value: number | undefined;
+  type: DigitalNumberType | undefined;
+  height: number | undefined;
+  width: number | undefined;
+  thousands: boolean | undefined;
+}

package/dist-types/dropdown-button/index.d.ts

@@ -0,0 +1,33 @@
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface DropdownButtonProps {
+  options?: Option[];
+  leftButtonIcon?: MenuIcon | string;
+  rightButtonIcon?: MenuIcon | string;
+  buttonName?: string;
+  disabled?: boolean;
+  textPlacement?: "right" | "left";
+  tooltip?: string;
+  value?: any[];
+}
+
+export interface DropdownButtonEvents {
+  "select.change": CustomEvent<{ value: any; item: any }>;
+  "left.button.click": CustomEvent<{ item: any }>;
+}
+
+export interface DropdownButtonEventsMap {
+  onSelectChange: "select.change";
+  onLeftButtonClick: "left.button.click";
+}
+
+export declare class DropdownButtonElement extends HTMLElement {
+  options: Option[] | undefined;
+  leftButtonIcon: MenuIcon | string | undefined;
+  rightButtonIcon: MenuIcon | string | undefined;
+  buttonName: string | undefined;
+  disabled: boolean | undefined;
+  textPlacement: "right" | "left" | undefined;
+  tooltip: string | undefined;
+  value: any[] | undefined;
+}

package/dist-types/dropdown-select/index.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type React from "react";
+
+export interface Option {
+  label: React.ReactText;
+  content?: React.ReactText;
+  value: any;
+  [propName: string]: any;
+}
+
+export interface DropdownSelectProps {
+  options?: Option[];
+  dataSource?: any[];
+  value?: any[];
+  label?: string;
+  disabled?: boolean;
+  heightFix?: boolean;
+  buttonIcon?: any;
+  dropdownButtonType?: "default" | "shape";
+  labelFontSize?: string;
+  placeholder?: string;
+  optionTitle?: string;
+  optionContent?: string;
+  valuePath?: string;
+  multipleSelect?: boolean;
+  selectedKeys?: string[];
+  selectTipText?: string;
+  selectBoxStyle?: React.CSSProperties;
+  defaultSelectedKeys?: string[];
+  minSelectedItemLength?: number;
+  multipleLabel?: string;
+  tipBrick?: { useBrick: UseBrickConf };
+  hideLabel?: boolean;
+  dropdownTriggerStyle?: React.CSSProperties;
+  labelBrick?: {
+    useBrick: UseBrickConf;
+  };
+}
+
+export interface DropdownSelectEvents {
+  "select.change": CustomEvent<{ value: any; item: any }>;
+  "multiple.select.change": CustomEvent<{ value: any }>;
+}
+
+export interface DropdownSelectEventsMap {
+  onSelectChange: "select.change";
+  onMultipleSelectChange: "multiple.select.change";
+}
+
+export declare class DropdownSelectElement extends HTMLElement {
+  options: Option[] | undefined;
+  dataSource: any[] | undefined;
+  value: any[] | undefined;
+  label: string | undefined;
+  disabled: boolean | undefined;
+  heightFix: boolean | undefined;
+  buttonIcon: any | undefined;
+  dropdownButtonType: "default" | "shape" | undefined;
+  labelFontSize: string | undefined;
+  placeholder: string | undefined;
+  optionTitle: string | undefined;
+  optionContent: string | undefined;
+  valuePath: string | undefined;
+  multipleSelect: boolean | undefined;
+  selectedKeys: string[] | undefined;
+  selectTipText: string | undefined;
+  selectBoxStyle: React.CSSProperties | undefined;
+  defaultSelectedKeys: string[] | undefined;
+  minSelectedItemLength: number | undefined;
+  multipleLabel: string | undefined;
+  tipBrick: { useBrick: UseBrickConf } | undefined;
+  hideLabel: boolean | undefined;
+  dropdownTriggerStyle: React.CSSProperties | undefined;
+  labelBrick:
+    | {
+        useBrick: UseBrickConf;
+      }
+    | undefined;
+}

package/dist-types/dynamic-content/index.d.ts

@@ -0,0 +1,9 @@
+export interface DynamicContentProps {
+  dataSource?: Record<string, any>;
+  dynamicContent?: string;
+}
+
+export declare class DynamicContentElement extends HTMLElement {
+  dataSource: Record<string, any> | undefined;
+  dynamicContent: string | undefined;
+}

package/dist-types/dynamic-grid-container/index.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type React from "react";
+
+export interface DynamicGridContainerProps {
+  useBrick?: UseBrickConf;
+  data?: any[];
+  containerStyle?: React.CSSProperties;
+}
+
+export interface DynamicGridContainerEvents {
+  "dynamic-grid-container.rendered": CustomEvent<void>;
+}
+
+export interface DynamicGridContainerEventsMap {
+  onDynamicGridContainerRendered: "dynamic-grid-container.rendered";
+}
+
+export declare class DynamicGridContainerElement extends HTMLElement {
+  useBrick: UseBrickConf | undefined;
+  data: any[] | undefined;
+  containerStyle: React.CSSProperties | undefined;
+}

package/dist-types/entry-card-item/index.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+import type { MenuIcon } from "@next-core/brick-types";
+import type React from "react";
+
+export type Color =
+  | "purple"
+  | "red"
+  | "softOrange"
+  | "cyan"
+  | "blue"
+  | "darkPurple"
+  | "lightCyan"
+  | "brightOrange"
+  | "white";
+
+export type Size = "small" | "default";
+
+export interface EntryCardItemProps {
+  dataSource?: Record<string, any>;
+  cardTitle?: string;
+  description?: string;
+  fields?: {
+    cardTitle?: string;
+    icon?: string;
+    iconColor?: string;
+  };
+  icon?: MenuIcon;
+  iconColor?: Color;
+  iconSize?: Size;
+  target?: string;
+  url?: string;
+  urlTemplate?: string;
+  hoverHighLight?: boolean;
+  showCard?: boolean;
+  cardStyle?: React.CSSProperties;
+  disabled?: boolean;
+  tip?: string;
+}
+
+export declare class EntryCardItemElement extends HTMLElement {
+  dataSource: Record<string, any> | undefined;
+  cardTitle: string | undefined;
+  description: string | undefined;
+  fields:
+    | {
+        cardTitle?: string;
+        icon?: string;
+        iconColor?: string;
+      }
+    | undefined;
+  icon: MenuIcon | undefined;
+  iconColor: Color | undefined;
+  iconSize: Size | undefined;
+  target: string | undefined;
+  url: string | undefined;
+  urlTemplate: string | undefined;
+  hoverHighLight: boolean | undefined;
+  showCard: boolean | undefined;
+  cardStyle: React.CSSProperties | undefined;
+  disabled: boolean | undefined;
+  tip: string | undefined;
+}

package/dist-types/general-badge/index.d.ts

@@ -0,0 +1,29 @@
+import type { MenuIcon, UseBrickConf } from "@next-core/brick-types";
+import type { MenuIcon } from "@next-core/brick-types";
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export interface GeneralBadgeProps {
+  content?: string | { useBrick: UseBrickConf; dataSource?: any };
+  contentIcon?: MenuIcon;
+  dataSource?: any;
+  color?: string;
+  count?: number;
+  overflowCount?: number;
+  dot?: boolean;
+  offset?: [number, number];
+  showZero?: boolean;
+  disablePointerEvents?: boolean;
+}
+
+export declare class GeneralBadgeElement extends HTMLElement {
+  content: string | { useBrick: UseBrickConf; dataSource?: any } | undefined;
+  contentIcon: MenuIcon | undefined;
+  dataSource: any | undefined;
+  color: string | undefined;
+  count: number | undefined;
+  overflowCount: number | undefined;
+  dot: boolean | undefined;
+  offset: [number, number] | undefined;
+  showZero: boolean | undefined;
+  disablePointerEvents: boolean | undefined;
+}

package/dist-types/general-carousel/index.d.ts

@@ -0,0 +1,84 @@
+import type React from "react";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type { BrickEventsMap } from "@next-core/brick-types";
+
+export interface GeneralCarouselProps {
+  autoplay?: boolean;
+  dots?: boolean;
+  components: CustomCompProps | CustomCompProps[];
+  carouselStyle?: React.CSSProperties;
+  speed?: number;
+  slidesToShow?: number;
+  slidesToScroll?: number;
+  pauseOnDotsHover?: boolean;
+  onHandleClick: (index: number) => void;
+  infinite?: boolean;
+  adaptiveHeight?: boolean;
+  responsive?: any[];
+  noDataDesc?: string;
+  arrows?: boolean;
+  dotsTheme?: "light" | "dark";
+  useBrick: UseBrickConf;
+  dataSource: any[];
+  autoplaySpeed?: number;
+  dotPosition?: "top" | "bottom" | "left" | "right";
+  useLazyLoad?: boolean;
+}
+
+export interface CustomCompProps {
+  brick: string | any;
+  properties?: any;
+  events?: BrickEventsMap;
+}
+
+export interface GeneralCarouselPropsInterface {
+  useBrick?: GeneralCarouselProps["useBrick"];
+  autoplay?: boolean;
+  dots?: boolean;
+  arrows?: boolean;
+  dataSource?: GeneralCarouselProps["dataSource"];
+  carouselStyle?: Record<string, any>;
+  slidesToShow?: number;
+  slidesToScroll?: number;
+  speed?: number;
+  pauseOnDotsHover?: boolean;
+  adaptiveHeight?: boolean;
+  infinite?: boolean;
+  autoplaySpeed?: number;
+  responsive?: any[];
+  noDataDesc?: string;
+  dotsTheme?: GeneralCarouselProps["dotsTheme"];
+  dotPosition?: "top" | "bottom" | "left" | "right";
+  components?: GeneralCarouselProps["components"];
+  useLazyLoad?: boolean;
+}
+
+export interface GeneralCarouselEvents {
+  "general.carousel.click": CustomEvent<number>;
+}
+
+export interface GeneralCarouselEventsMap {
+  onGeneralCarouselClick: "general.carousel.click";
+}
+
+export declare class GeneralCarouselElement extends HTMLElement {
+  useBrick: GeneralCarouselProps["useBrick"] | undefined;
+  autoplay: boolean | undefined;
+  dots: boolean | undefined;
+  arrows: boolean | undefined;
+  dataSource: GeneralCarouselProps["dataSource"] | undefined;
+  carouselStyle: Record<string, any> | undefined;
+  slidesToShow: number | undefined;
+  slidesToScroll: number | undefined;
+  speed: number | undefined;
+  pauseOnDotsHover: boolean | undefined;
+  adaptiveHeight: boolean | undefined;
+  infinite: boolean | undefined;
+  autoplaySpeed: number | undefined;
+  responsive: any[] | undefined;
+  noDataDesc: string | undefined;
+  dotsTheme: GeneralCarouselProps["dotsTheme"] | undefined;
+  dotPosition: "top" | "bottom" | "left" | "right" | undefined;
+  components: GeneralCarouselProps["components"] | undefined;
+  useLazyLoad: boolean | undefined;
+}

package/dist-types/general-image/index.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import type React from "react";
+import type { UseBrickConf } from "@next-core/brick-types";
+import { ImageProps } from "rc-image";
+
+export interface GeneralImageProps extends ImageProps {
+  dataSource?: Record<string, any>;
+  imgStyle?: React.CSSProperties;
+  extra?: {
+    useBrick: UseBrickConf;
+  };
+  extraContainerStyle?: React.CSSProperties;
+  visible?: boolean;
+  onVisibleChange?(visible: boolean, prevVisible: boolean): void;
+}
+
+export interface GeneralImageProps {
+  imgSrc?: string;
+  preview?: boolean;
+  imgHeight?: string | number;
+  imgStyle?: React.CSSProperties;
+  imgWidth?: string | number;
+  dataSource?: GeneralImageProps["dataSource"];
+  placeholder?: string;
+  imgAlt?: string;
+  fallback?: string;
+  extra?: GeneralImageProps["extra"];
+  extraContainerStyle?: React.CSSProperties;
+  visible?: boolean;
+}
+
+export interface GeneralImageEvents {
+  "general-image.visible-change": CustomEvent<void>;
+}
+
+export interface GeneralImageEventsMap {
+  onGeneralImageVisibleChange: "general-image.visible-change";
+}
+
+export declare class GeneralImageElement extends HTMLElement {
+  imgSrc: string | undefined;
+  preview: boolean | undefined;
+  imgHeight: string | number | undefined;
+  imgStyle: React.CSSProperties | undefined;
+  imgWidth: string | number | undefined;
+  dataSource: GeneralImageProps["dataSource"] | undefined;
+  placeholder: string | undefined;
+  imgAlt: string | undefined;
+  fallback: string | undefined;
+  extra: GeneralImageProps["extra"] | undefined;
+  extraContainerStyle: React.CSSProperties | undefined;
+  visible: boolean | undefined;
+  open(): void;
+  close(): void;
+}

package/dist-types/general-label/index.d.ts

@@ -0,0 +1,29 @@
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface GeneralLabelProps {
+  text?: string;
+  prefixIcon?: MenuIcon;
+  suffixIcon?: MenuIcon;
+  url?: string;
+  href?: string;
+  dataSource?: any;
+  data?: any;
+}
+
+export interface GeneralLabelEvents {
+  "label.click": CustomEvent<any>;
+}
+
+export interface GeneralLabelEventsMap {
+  onLabelClick: "label.click";
+}
+
+export declare class GeneralLabelElement extends HTMLElement {
+  text: string | undefined;
+  prefixIcon: MenuIcon | undefined;
+  suffixIcon: MenuIcon | undefined;
+  url: string | undefined;
+  href: string | undefined;
+  dataSource: any | undefined;
+  data: any | undefined;
+}

package/dist-types/general-list/index.d.ts

@@ -0,0 +1,13 @@
+export interface GeneralListProps {
+  isCardList?: boolean;
+  showCard?: boolean;
+  cardWidth?: string;
+  cardMinWidth?: string;
+}
+
+export declare class GeneralListElement extends HTMLElement {
+  isCardList: boolean | undefined;
+  showCard: boolean | undefined;
+  cardWidth: string | undefined;
+  cardMinWidth: string | undefined;
+}

package/dist-types/general-pagination/index.d.ts

@@ -0,0 +1,35 @@
+import type { PaginationProps } from "antd/lib/pagination";
+
+export interface GeneralPaginationProps {
+  page?: number;
+  pageSize?: number;
+  total?: number;
+  onlyShowTotal?: boolean;
+  dataSource?: Record<string, any>;
+  configProps?: PaginationProps;
+  fields?: any;
+  shouldUpdateUrlParams?: boolean;
+  shouldNotify?: boolean;
+}
+
+export interface GeneralPaginationEvents {
+  "page.update": CustomEvent<{ page: number }>;
+  "filter.update": CustomEvent<{ page: 1; pageSize: number }>;
+}
+
+export interface GeneralPaginationEventsMap {
+  onPageUpdate: "page.update";
+  onFilterUpdate: "filter.update";
+}
+
+export declare class GeneralPaginationElement extends HTMLElement {
+  page: number | undefined;
+  pageSize: number | undefined;
+  total: number | undefined;
+  onlyShowTotal: boolean | undefined;
+  dataSource: Record<string, any> | undefined;
+  configProps: PaginationProps | undefined;
+  fields: any | undefined;
+  shouldUpdateUrlParams: boolean | undefined;
+  shouldNotify: boolean | undefined;
+}

package/dist-types/general-preview-image/index.d.ts

@@ -0,0 +1,23 @@
+export interface GeneralPreviewImageProps {
+  height?: string | number;
+  width?: string | number;
+  src?: string;
+  srcList?: string[];
+  alt?: string;
+  fallback?: string;
+  canPreview?: boolean;
+  customOperationPosition?: boolean;
+  previewCurrentIndex?: number;
+}
+
+export declare class GeneralPreviewImageElement extends HTMLElement {
+  height: string | number | undefined;
+  width: string | number | undefined;
+  src: string | undefined;
+  srcList: string[] | undefined;
+  alt: string | undefined;
+  fallback: string | undefined;
+  canPreview: boolean | undefined;
+  customOperationPosition: boolean | undefined;
+  previewCurrentIndex: number | undefined;
+}

package/dist-types/general-slider/index.d.ts

@@ -0,0 +1,53 @@
+export interface GeneralSliderProps {
+  value: any;
+  disabled?: boolean;
+  dots?: boolean;
+  max?: number;
+  min?: number;
+  range?: boolean;
+  marks?: SliderMarks;
+  step?: number | null;
+  included?: boolean;
+  onChange?: (value: any) => void;
+  onAfterChange?: (value: any) => void;
+  onlyShowMode?: boolean;
+  size?: string;
+}
+
+export interface GeneralSliderElementProps {
+  onlyShowMode?: boolean;
+  size?: string;
+  value?: GeneralSliderProps["value"];
+  disabled?: boolean;
+  dots?: boolean;
+  min?: number;
+  max?: number;
+  marks?: GeneralSliderProps["marks"];
+  range?: boolean;
+  step?: GeneralSliderProps["step"];
+  included?: boolean;
+}
+
+export interface GeneralSliderEvents {
+  "slider.change": CustomEvent<number | [number, number]>;
+  "slider.after.change": CustomEvent<number | [number, number]>;
+}
+
+export interface GeneralSliderEventsMap {
+  onSliderChange: "slider.change";
+  onSliderAfterChange: "slider.after.change";
+}
+
+export declare class GeneralSliderElement extends HTMLElement {
+  onlyShowMode: boolean | undefined;
+  size: string | undefined;
+  value: GeneralSliderProps["value"] | undefined;
+  disabled: boolean | undefined;
+  dots: boolean | undefined;
+  min: number | undefined;
+  max: number | undefined;
+  marks: GeneralSliderProps["marks"] | undefined;
+  range: boolean | undefined;
+  step: GeneralSliderProps["step"] | undefined;
+  included: boolean | undefined;
+}