@epam/ai-dial-ui-kit 0.15.0-dev.1 → 0.15.0-dev.10

package/dist/src/constants/public-class-names.d.ts

@@ -0,0 +1,166 @@
+export declare const DIAL_KIT_CLASS: {
+    /** The `role="status"` root of a `Spinner`. */
+    readonly spinner: "dial-kit-spinner";
+    /**
+     * The outermost element of a `ProgressBar`: the box wrapping its label,
+     * track and readout — or the track itself, which is the root when the bar
+     * has neither.
+     */
+    readonly progressBar: "dial-kit-progress-bar";
+    /** The root of a `Skeleton`, wrapping its avatar and text rows. */
+    readonly skeleton: "dial-kit-skeleton";
+    /**
+     * The `Notification` surface. Present on every wrapper too — the toast and
+     * section-message variants of error, info, success, warning, loading and
+     * general all render this component.
+     */
+    readonly notification: "dial-kit-notification";
+    /** The empty-state root of `NoDataContent`. */
+    readonly noDataContent: "dial-kit-no-data-content";
+    /** The text element of a `Highlight`, which renders the matched query. */
+    readonly highlight: "dial-kit-highlight";
+    /** The caption line under a field, rendered by `CaptionText`. */
+    readonly captionText: "dial-kit-caption-text";
+    /**
+     * A caption in its error variant — what `ErrorText` renders. Additive to
+     * `captionText`, since one component draws both.
+     */
+    readonly errorText: "dial-kit-error-text";
+    /** The `Label` root, which wraps the `label` element and its info button. */
+    readonly label: "dial-kit-label";
+    /** The `article` element of a `CardShell`. */
+    readonly cardShell: "dial-kit-card-shell";
+    /** The `aside` element of a `CollapsibleSidebar`. */
+    readonly collapsibleSidebar: "dial-kit-collapsible-sidebar";
+    /** The content box inside a `ResizableContainer`'s resize frame. */
+    readonly resizableContainer: "dial-kit-resizable-container";
+    /**
+     * The `role="dialog"` panel of a `Popup`. Its backdrop is reached through
+     * `overlayClassName`.
+     */
+    readonly popup: "dial-kit-popup";
+    /** The `Popup` panel of a `ConfirmationPopup`, additive to `popup`. */
+    readonly confirmationPopup: "dial-kit-confirmation-popup";
+    /** The root of an `Accordion`. */
+    readonly accordion: "dial-kit-accordion";
+    /** The breadcrumb root of a `FolderPath`. */
+    readonly folderPath: "dial-kit-folder-path";
+    /** The `nav` element of a `Breadcrumbs` trail. */
+    readonly breadcrumbs: "dial-kit-breadcrumbs";
+    /**
+     * One segment of a `Breadcrumbs` trail: the link, button or plain span that
+     * draws the label — not the `li`, which also holds the separator after it.
+     */
+    readonly breadcrumbsItem: "dial-kit-breadcrumbs-item";
+    /**
+     * The trigger wrapper of a `Dropdown`. Its floating panel is reached through
+     * `listClassName`.
+     */
+    readonly dropdown: "dial-kit-dropdown";
+    /**
+     * The `role="none"` item list inside a dropdown overlay — the box that holds
+     * the rows and owns their vertical padding. Present in both generations, and
+     * on a submenu's own list. It is *not* the floating panel.
+     */
+    readonly dropdownList: "dial-kit-dropdown-list";
+    /**
+     * One row of a floating overlay: a dropdown item, a `Select` option, a
+     * submenu trigger, or a submenu child. It sits on the element that draws the
+     * row box — so on the wrapper, not the inner button, for a row that has a
+     * `rightControl` beside it.
+     */
+    readonly menuItem: "dial-kit-menuitem";
+    /**
+     * The trailing check of a chosen `MenuItemMark.Check` row. Decorative, like
+     * the glyph itself — the row's `aria-checked` / `aria-selected` carries the
+     * state.
+     */
+    readonly menuItemCheck: "dial-kit-menuitem-check";
+    /** The primary icon of a `DialDropdownIcon` trigger. */
+    readonly dropdownIcon: "dial-kit-dropdown-icon";
+    /**
+     * The caret badge of a `DialDropdownIcon` trigger — the round plate the
+     * chevron sits on. Absent when `showCaret` is `false`.
+     */
+    readonly dropdownIconCaret: "dial-kit-dropdown-icon-caret";
+    /** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */
+    readonly tooltip: "dial-kit-tooltip";
+    /** The panel of an `InteractiveTooltip` — the one whose content takes focus. */
+    readonly interactiveTooltip: "dial-kit-interactive-tooltip";
+    /** The text element of an `EllipsisTooltip`, which is also its trigger. */
+    readonly ellipsisTooltip: "dial-kit-ellipsis-tooltip";
+    /** The `Search` field, additive to the `dial-kit-input` its `Input` carries. */
+    readonly search: "dial-kit-search";
+    /** The `PasswordInput` field, additive to `dial-kit-input`. */
+    readonly passwordInput: "dial-kit-password-input";
+    /** The `NumberInput` field, additive to `dial-kit-input`. */
+    readonly numberInput: "dial-kit-number-input";
+    /** The `TagInput` field, additive to `dial-kit-input`. */
+    readonly tagInput: "dial-kit-tag-input";
+    /** The root of a `Select`, wrapping its label, field and caption. */
+    readonly select: "dial-kit-select";
+    /** The trigger button of an `InlineSelect`. */
+    readonly inlineSelect: "dial-kit-inline-select";
+    /** The root of a `Calendar`, wrapping its label and date field. */
+    readonly calendar: "dial-kit-calendar";
+    /** The drop area of a `FileDropzone`. */
+    readonly fileDropzone: "dial-kit-file-dropzone";
+    /** The row of a `Switch`: the control and its label. */
+    readonly switch: "dial-kit-switch";
+    /** The row of a `Checkbox`: the box and its label. */
+    readonly checkbox: "dial-kit-checkbox";
+    /** The decorative box a `CheckboxBox` draws, in a checkbox or a menu row. */
+    readonly checkboxBox: "dial-kit-checkbox-box";
+    /** The row of a `Radio`: the circle and its label. */
+    readonly radio: "dial-kit-radio";
+    /** The root of a `RadioGroup`, wrapping its label and its radios. */
+    readonly radioGroup: "dial-kit-radio-group";
+    /**
+     * The root of a `RadioGroupPopupField`, wrapping its label and the collapsed
+     * field that opens the group.
+     */
+    readonly radioGroupPopupField: "dial-kit-radio-group-popup-field";
+    /** The `role="radiogroup"` track of a `SegmentedControl`. */
+    readonly segmentedControl: "dial-kit-segmented-control";
+    /** One segment of a `SegmentedControl`. */
+    readonly segmentedControlItem: "dial-kit-segmented-control-item";
+    /**
+     * The outermost element of a `Tabs`: the box wrapping its heading and tab
+     * list — or the `role="tablist"` itself, which is the root when the tabs
+     * carry no `sectionLabel`.
+     */
+    readonly tabs: "dial-kit-tabs";
+    /**
+     * The `role="tablist"` holding the tabs, in either orientation. Additive to
+     * `tabs` when there is no heading above it, since one element is then both.
+     */
+    readonly tabList: "dial-kit-tab-list";
+    /**
+     * One tab inside `Tabs`, in either orientation. The selected tab of a
+     * horizontal row keeps its own `dial-kit-tab-selected-underline`.
+     */
+    readonly tab: "dial-kit-tab";
+    /** The `sectionLabel` heading above a `Tabs`. Absent when there is none. */
+    readonly tabsSectionLabel: "dial-kit-tabs-section-label";
+    /**
+     * The `role="group"` row of a `FilterChips`. Its chips are `Tag` pills, so
+     * they carry `dial-kit-tag` and have no entry of their own.
+     */
+    readonly filterChips: "dial-kit-filter-chips";
+    /** A `Tag` pill, wherever it is rendered — including a `TagInput`'s rows. */
+    readonly tag: "dial-kit-tag";
+    /**
+     * A `ToggleIconButton`, additive to the `dial-kit-base-icon-button` it
+     * already carries.
+     */
+    readonly toggleIconButton: "dial-kit-toggle-icon-button";
+    /** A `CloseButton`, additive to `dial-kit-base-icon-button`. */
+    readonly closeButton: "dial-kit-close-button";
+    /** An `InfoButton`, additive to `dial-kit-base-icon-button`. */
+    readonly infoButton: "dial-kit-info-button";
+    /**
+     * The wrapper of a `ButtonDropdown` — its trigger carries
+     * `dial-kit-base-button`.
+     */
+    readonly buttonDropdown: "dial-kit-button-dropdown";
+};

package/dist/src/index.d.ts

@@ -138,9 +138,12 @@ export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, typ
 export { GridSelectionMode } from './models/selection-mode';
 export { mergeClasses } from './utils/merge-classes';
 export { wrapInRootFolder } from './utils/flat-to-hierarchy-convertor.ts';
+export { getTimezoneLabel } from './utils/timezone';
+export type { TimezoneLabelOptions } from './utils/timezone';
 export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';
 export { DIAL_ICON_SIZE, BASE_ICON_PROPS, BASE_ICON_SIZE, } from './constants/icon.ts';
 export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NOT_ALLOWED_SPACES_REGEXP, } from './constants/validation.ts';
+export { DIAL_KIT_CLASS } from './constants/public-class-names';
 export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
 export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
 export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
@@ -157,6 +160,8 @@ export { Calendar } from './components/New/Calendar/Calendar';
 export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
 export { FolderPath } from './components/New/FolderPath/FolderPath';
 export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
+export { Breadcrumbs } from './components/New/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbsItem, } from './components/New/Breadcrumbs/Breadcrumbs';
 export { DangerButton, GhostButton, LinkButton, NeutralButton, OutlinedButton, PrimaryButton, } from './components/New/Button/ButtonWrappers';
 export { DangerIconButton, GhostIconButton, NeutralIconButton, PrimaryIconButton, StaticIconButton, } from './components/New/IconButton/IconButtonWrappers';
 export { Button } from './components/New/Button/Button';
@@ -221,6 +226,8 @@ export { SegmentedControl } from './components/New/SegmentedControl/SegmentedCon
 export type { SegmentedControlProps, SegmentedControlItem, } from './components/New/SegmentedControl/SegmentedControl';
 export { Tabs } from './components/New/Tabs/Tabs';
 export type { TabsProps, TabItem } from './components/New/Tabs/Tabs';
+export { FilterChips } from './components/New/FilterChips/FilterChips';
+export type { FilterChipsProps, FilterChipItem, } from './components/New/FilterChips/FilterChips';
 export { FileDropzone } from './components/New/FileDropzone/FileDropzone';
 export type { FileDropzoneProps } from './components/New/FileDropzone/FileDropzone';
 export { Tag } from './components/New/Tag/Tag';

package/dist/src/utils/__tests__/timezone.spec.d.ts

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

package/dist/src/utils/timezone.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Options for {@link getTimezoneLabel}.
+ */
+export interface TimezoneLabelOptions {
+    /** BCP 47 locale tag; only affects how the platform renders the offset
+     * (e.g. `fr` renders `UTC+01:00` where `en` renders `GMT+01:00`). Omitting
+     * it passes `undefined` to `Intl`, which resolves to the runtime's default
+     * locale. */
+    locale?: string;
+    /** IANA timezone name; defaults to the viewer's zone from
+     * `Intl.DateTimeFormat().resolvedOptions().timeZone`. */
+    timeZone?: string;
+    /** The date whose offset is rendered — the one in effect on `date`, so a
+     * value across a DST boundary from today shows its own offset. Defaults to
+     * today. */
+    date?: Date;
+}
+/**
+ * Returns a timezone as a hint label for time-of-day fields, e.g.
+ * `(GMT+01:00) Europe/Berlin`: the UTC offset in effect at `options.date`
+ * rendered by `Intl` (`timeZoneName: 'longOffset'`), followed by the IANA
+ * timezone name.
+ */
+export declare const getTimezoneLabel: ({ locale, timeZone, date, }?: TimezoneLabelOptions) => string;