@ifloppy/maxcraftmc-ui-svelte 0.1.0

package/types/DataTable/TableHead.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["thead"];
+
+type $Props = {
+  [key: `data-${string}`]: any;
+};
+
+export type TableHeadProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TableHead extends SvelteComponentTyped<
+  TableHeadProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/DataTable/TableHeader.svelte.d.ts

@@ -0,0 +1,57 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["th"];
+
+type $Props = {
+  /**
+   * Set to `true` for the sortable variant
+   * @default false
+   */
+  sortable?: boolean;
+
+  /**
+   * Specify the sort direction
+   * @default "none"
+   */
+  sortDirection?: "none" | "ascending" | "descending";
+
+  /**
+   * Set to `true` if the column sorting
+   * @default false
+   */
+  active?: boolean;
+
+  /**
+   * Specify the `scope` attribute
+   * @default "col"
+   */
+  scope?: string;
+
+  /**
+   * Override the default id translations
+   * @default () => ""
+   */
+  translateWithId?: () => string;
+
+  /**
+   * Set an id for the top-level element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type TableHeaderProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TableHeader extends SvelteComponentTyped<
+  TableHeaderProps,
+  {
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+    click: WindowEventMap["click"];
+  },
+  { default: {} }
+> {}

package/types/DataTable/TableRow.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["tr"];
+
+type $Props = {
+  [key: `data-${string}`]: any;
+};
+
+export type TableRowProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class TableRow extends SvelteComponentTyped<
+  TableRowProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/DataTable/Toolbar.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["section"];
+
+type $Props = {
+  /**
+   * Specify the toolbar size
+   * @default "default"
+   */
+  size?: "sm" | "default";
+
+  [key: `data-${string}`]: any;
+};
+
+export type ToolbarProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Toolbar extends SvelteComponentTyped<
+  ToolbarProps,
+  Record<string, any>,
+  { default: {} }
+> {}

package/types/DataTable/ToolbarBatchActions.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Override the total items selected text
+   * @default (totalSelected) => `${totalSelected} item${totalSelected === 1 ? "" : "s"} selected`
+   */
+  formatTotalSelected?: (totalSelected: number) => string;
+
+  /**
+   * Use a boolean to show or hide the toolbar
+   * @default undefined
+   */
+  active?: undefined | boolean;
+
+  [key: `data-${string}`]: any;
+};
+
+export type ToolbarBatchActionsProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class ToolbarBatchActions extends SvelteComponentTyped<
+  ToolbarBatchActionsProps,
+  { cancel: CustomEvent<null> },
+  { default: {}; cancel: {} }
+> {}

package/types/DataTable/ToolbarContent.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { SvelteComponentTyped } from "svelte";
+
+export type ToolbarContentProps = {};
+
+export default class ToolbarContent extends SvelteComponentTyped<
+  ToolbarContentProps,
+  Record<string, any>,
+  { default: {} }
+> {}

package/types/DataTable/ToolbarMenu.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
+
+export type ToolbarMenuProps = OverflowMenuProps & {};
+
+export default class ToolbarMenu extends SvelteComponentTyped<
+  ToolbarMenuProps,
+  Record<string, any>,
+  { default: {} }
+> {}

package/types/DataTable/ToolbarMenuItem.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";
+
+export type ToolbarMenuItemProps = OverflowMenuItemProps & {};
+
+export default class ToolbarMenuItem extends SvelteComponentTyped<
+  ToolbarMenuItemProps,
+  { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
+  { default: {} }
+> {}

package/types/DataTable/ToolbarSearch.svelte.d.ts

@@ -0,0 +1,84 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["input"];
+
+type $Props = {
+  /**
+   * Specify the value of the search input
+   * @default ""
+   */
+  value?: number | string;
+
+  /**
+   * Set to `true` to expand the search bar
+   * @default false
+   */
+  expanded?: boolean;
+
+  /**
+   * Set to `true` to keep the search bar expanded
+   * @default false
+   */
+  persistent?: boolean;
+
+  /**
+   * Set to `true` to disable the search bar
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Set to `true` to filter table rows using the search value.
+   *
+   * If `true`, the default search excludes `id`, `cells` fields and
+   * only does a basic comparison on string and number type cell values.
+   *
+   * To implement your own client-side filtering, pass a function
+   * that accepts a row and value and returns a boolean.
+   * @default false
+   */
+  shouldFilterRows?:
+    | boolean
+    | ((
+        row: import("./DataTable.svelte").DataTableRow,
+        value: number | string,
+      ) => boolean);
+
+  /**
+   * The filtered row ids
+   * @default []
+   */
+  filteredRowIds?: ReadonlyArray<import("./DataTable.svelte").DataTableRowId>;
+
+  /**
+   * Specify the tabindex
+   * @default "0"
+   */
+  tabindex?: string;
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @default null
+   */
+  ref?: null | HTMLInputElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type ToolbarSearchProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class ToolbarSearch extends SvelteComponentTyped<
+  ToolbarSearchProps,
+  {
+    clear: CustomEvent<null>;
+    change: WindowEventMap["change"];
+    input: WindowEventMap["input"];
+    focus: WindowEventMap["focus"];
+    blur: WindowEventMap["blur"];
+    keyup: WindowEventMap["keyup"];
+    keydown: WindowEventMap["keydown"];
+    paste: WindowEventMap["paste"];
+  },
+  {}
+> {}

package/types/DatePicker/DatePicker.svelte.d.ts

@@ -0,0 +1,105 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Specify the date picker type
+   * @default "simple"
+   */
+  datePickerType?: "simple" | "single" | "range";
+
+  /**
+   * Specify the date picker input value
+   * @default ""
+   */
+  value?: number | string;
+
+  /**
+   * Specify the date picker start date value (from)
+   * Only works with the "range" date picker type
+   * @default ""
+   */
+  valueFrom?: string;
+
+  /**
+   * Specify the date picker end date value (to)
+   * Only works with the "range" date picker type
+   * @default ""
+   */
+  valueTo?: string;
+
+  /**
+   * Specify the date format
+   * @default "m/d/Y"
+   */
+  dateFormat?: string;
+
+  /**
+   * Specify the maximum date
+   * @default null
+   */
+  maxDate?: null | string | Date;
+
+  /**
+   * Specify the minimum date
+   * @default null
+   */
+  minDate?: null | string | Date;
+
+  /**
+   * Specify the locale
+   * @default "en"
+   */
+  locale?:
+    | import("flatpickr/dist/types/locale").CustomLocale
+    | import("flatpickr/dist/types/locale").key;
+
+  /**
+   * Set to `true` to use the short variant
+   * @default false
+   */
+  short?: boolean;
+
+  /**
+   * Set to `true` to enable the light variant
+   * @default false
+   */
+  light?: boolean;
+
+  /**
+   * Set an id for the date picker element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Override the options passed to the Flatpickr instance.
+   * @see https://flatpickr.js.org/options
+   * @default { static: true }
+   */
+  flatpickrProps?: import("flatpickr/dist/types/options").Options;
+
+  [key: `data-${string}`]: any;
+};
+
+export type DatePickerProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class DatePicker extends SvelteComponentTyped<
+  DatePickerProps,
+  {
+    change: CustomEvent<
+      | string
+      | {
+          selectedDates: [dateFrom: Date, dateTo?: Date];
+          dateStr: string | { from: string; to: string };
+        }
+    >;
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  { default: {} }
+> {}

package/types/DatePicker/DatePickerInput.svelte.d.ts

@@ -0,0 +1,118 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["input"];
+
+type $Props = {
+  /**
+   * Set the size of the input
+   * @default undefined
+   */
+  size?: "sm" | "xl";
+
+  /**
+   * Specify the input type
+   * @default "text"
+   */
+  type?: string;
+
+  /**
+   * Specify the input placeholder text
+   * @default ""
+   */
+  placeholder?: string;
+
+  /**
+   * Specify the Regular Expression for the input value
+   * @default "\\d{1,2}\\/\\d{1,2}\\/\\d{4}"
+   */
+  pattern?: string;
+
+  /**
+   * Set to `true` to disable the input
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the helper text
+   * @default ""
+   */
+  helperText?: string;
+
+  /**
+   * Specify the ARIA label for the calendar icon
+   * @default ""
+   */
+  iconDescription?: string;
+
+  /**
+   * Set an id for the input element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify the label text
+   * @default ""
+   */
+  labelText?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the invalid state text
+   * @default ""
+   */
+  invalidText?: string;
+
+  /**
+   * Set to `true` to indicate an warning state
+   * @default false
+   */
+  warn?: boolean;
+
+  /**
+   * Specify the warning state text
+   * @default ""
+   */
+  warnText?: string;
+
+  /**
+   * Set a name for the input element
+   * @default undefined
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the input HTML element
+   * @default null
+   */
+  ref?: null | HTMLInputElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type DatePickerInputProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class DatePickerInput extends SvelteComponentTyped<
+  DatePickerInputProps,
+  {
+    input: WindowEventMap["input"];
+    keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
+    blur: WindowEventMap["blur"];
+    paste: WindowEventMap["paste"];
+  },
+  { labelText: {} }
+> {}

package/types/DatePicker/DatePickerSkeleton.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set to `true` to use the range variant
+   * @default false
+   */
+  range?: boolean;
+
+  /**
+   * Set an id to be used by the label element
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  [key: `data-${string}`]: any;
+};
+
+export type DatePickerSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class DatePickerSkeleton extends SvelteComponentTyped<
+  DatePickerSkeletonProps,
+  {
+    click: WindowEventMap["click"];
+    mouseover: WindowEventMap["mouseover"];
+    mouseenter: WindowEventMap["mouseenter"];
+    mouseleave: WindowEventMap["mouseleave"];
+  },
+  {}
+> {}

package/types/Dropdown/Dropdown.svelte.d.ts

@@ -0,0 +1,160 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { SvelteHTMLElements } from "svelte/elements";
+
+export type DropdownItemId = any;
+
+export type DropdownItemText = string;
+
+export interface DropdownItem {
+  id: DropdownItemId;
+  text: DropdownItemText;
+  disabled?: boolean;
+}
+
+type $RestProps = SvelteHTMLElements["div"];
+
+type $Props = {
+  /**
+   * Set the dropdown items
+   * @default []
+   */
+  items?: ReadonlyArray<DropdownItem>;
+
+  /**
+   * Override the display of a dropdown item
+   * @default (item) => item.text || item.id
+   */
+  itemToString?: (item: DropdownItem) => string;
+
+  /**
+   * Specify the selected item id
+   * @default undefined
+   */
+  selectedId: DropdownItemId;
+
+  /**
+   * Specify the type of dropdown
+   * @default "default"
+   */
+  type?: "default" | "inline";
+
+  /**
+   * Specify the direction of the dropdown menu
+   * @default "bottom"
+   */
+  direction?: "bottom" | "top";
+
+  /**
+   * Specify the size of the dropdown field
+   * @default undefined
+   */
+  size?: "sm" | "lg" | "xl";
+
+  /**
+   * Set to `true` to open the dropdown
+   * @default false
+   */
+  open?: boolean;
+
+  /**
+   * Set to `true` to enable the light variant
+   * @default false
+   */
+  light?: boolean;
+
+  /**
+   * Set to `true` to disable the dropdown
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the title text
+   * @default ""
+   */
+  titleText?: string;
+
+  /**
+   * Set to `true` to indicate an invalid state
+   * @default false
+   */
+  invalid?: boolean;
+
+  /**
+   * Specify the invalid state text
+   * @default ""
+   */
+  invalidText?: string;
+
+  /**
+   * Set to `true` to indicate an warning state
+   * @default false
+   */
+  warn?: boolean;
+
+  /**
+   * Specify the warning state text
+   * @default ""
+   */
+  warnText?: string;
+
+  /**
+   * Specify the helper text
+   * @default ""
+   */
+  helperText?: string;
+
+  /**
+   * Specify the list box label
+   * @default undefined
+   */
+  label?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Override the chevron icon label based on the open state.
+   * Defaults to "Open menu" when closed and "Close menu" when open
+   * @default undefined
+   */
+  translateWithId?: (
+    id: import("../ListBox/ListBoxMenuIcon.svelte").ListBoxMenuIconTranslationId,
+  ) => string;
+
+  /**
+   * Set an id for the list box component
+   * @default "ccs-" + Math.random().toString(36)
+   */
+  id?: string;
+
+  /**
+   * Specify a name attribute for the list box
+   * @default undefined
+   */
+  name?: string;
+
+  /**
+   * Obtain a reference to the button HTML element
+   * @default null
+   */
+  ref?: null | HTMLButtonElement;
+
+  [key: `data-${string}`]: any;
+};
+
+export type DropdownProps = Omit<$RestProps, keyof $Props> & $Props;
+
+export default class Dropdown extends SvelteComponentTyped<
+  DropdownProps,
+  {
+    select: CustomEvent<{
+      selectedId: DropdownItemId;
+      selectedItem: DropdownItem;
+    }>;
+  },
+  { default: { item: DropdownItem; index: number } }
+> {}