@cobre-npm/ds-v3 0.126.3 → 0.126.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cobre-ds-v3-lib.es.js +52 -43
- package/dist/style.css +1 -1
- package/dist/types/components/atoms/CobreAvatar/CobreAvatar.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreBankLogo/CobreBankLogo.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreButtonMenu/CobreButtonMenu.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreCardButton/CobreCardButton.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreColumnTable/CobreColumnTable.vue.d.ts +7 -0
- package/dist/types/components/atoms/CobreCountryFlag/CobreCountryFlag.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreDetailRow/CobreDetailRow.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreEmptyResults/CobreEmptyResults.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreHeadline/CobreHeadline.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreIndicative/CobreIndicative.vue.d.ts +7 -0
- package/dist/types/components/atoms/CobreInfoDetail/CobreInfoDetail.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreInputLabel/CobreInputLabel.vue.d.ts +4 -0
- package/dist/types/components/atoms/CobreOptionsSwitch/CobreOptionsSwitch.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobrePager/CobrePager.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreRadio/CobreRadio.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreRowActions/CobreRowActions.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreSegmentedTabs/CobreSegmentedTabs.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreSwitch/CobreSwitch.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreTabMenu/CobreTabMenu.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreTabMenuV2/CobreTabMenu.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreTruncateTooltipText/CobreTruncateTooltipText.vue.d.ts +5 -0
- package/dist/types/components/atoms/CobreUploader/CobreUploader.vue.d.ts +6 -0
- package/dist/types/components/atoms/CobreWidgetState/CobreWidgetState.vue.d.ts +5 -0
- package/dist/types/components/molecules/CobreAccountCpButton/CobreAccountCpButton.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreAccountCpLogo/CobreAccountCpLogo.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreAccountInfoFiled/CobreAccountInfoField.vue.d.ts +5 -0
- package/dist/types/components/molecules/CobreAccountOptionSelect/CobreAccountOptionSelect.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreActionList/CobreActionList.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreAvatarsGroup/CobreAvatarsGroup.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreBalanceCard/CobreBalanceCard.vue.d.ts +5 -0
- package/dist/types/components/molecules/CobreCardIcon/CobreCardIcon.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreCopyTextBox/CobreCopyTextBox.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreEntityIdCopyButton/CobreEntityIdCopyButton.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreFieldLogo/CobreFieldLogo.vue.d.ts +5 -0
- package/dist/types/components/molecules/CobreFlowResult/CobreFlowResult.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreFormOtp/CobreFormOtp.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreInputAmount/CobreInputAmount.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreInputCurrency/CobreInputCurrency.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreInputDatePicker/CobreInputDatePicker.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreInputPhoneNumber/CobreInputPhoneNumber.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreInputUrl/CobreInputUrl.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreKebabMenu/CobreKebabMenu.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreLogoField/CobreLogoField.vue.d.ts +5 -0
- package/dist/types/components/molecules/CobreModalAction/CobreModalAction.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreMultiOptionsFilter/CobreMultiOptionsFilter.vue.d.ts +7 -0
- package/dist/types/components/molecules/CobreRowTable/CobreRowTable.vue.d.ts +10 -0
- package/dist/types/components/molecules/CobreSelectTags/CobreSelectTags.vue.d.ts +7 -0
- package/dist/types/components/molecules/CobreTableCellCopy/CobreTableCellCopy.vue.d.ts +6 -0
- package/dist/types/components/molecules/CobreTourTooltip/CobreTourTooltip.vue.d.ts +7 -0
- package/dist/types/components/molecules/Toolbar/CobreInputSearch/CobreInputSearch.vue.d.ts +5 -0
- package/dist/types/components/molecules/Toolbar/CobreInputSearchV2/CobreInputSearchV2.vue.d.ts +7 -0
- package/dist/types/components/organisms/CobreAccountPicker/CobreAccountPicker.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreDateFilter/CobreDateFilter.vue.d.ts +7 -0
- package/dist/types/components/organisms/CobreDynamicForm/CobreDynamicForm.vue.d.ts +7 -0
- package/dist/types/components/organisms/CobreFilterPanel/CobreFilterPanel.vue.d.ts +8 -0
- package/dist/types/components/organisms/CobreFilterPanel/components/FilterAmountRange.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreFilterPanel/components/FilterCheckboxList.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreFilterPanel/components/FilterInput.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreFilterPanel/components/FilterRadioList.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreFilterPanel/components/FilterSelect.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreHeader/CobreHeader.vue.d.ts +7 -0
- package/dist/types/components/organisms/CobreHeader/components/Navbar.vue.d.ts +5 -0
- package/dist/types/components/organisms/CobreSideMenu/CobreSideMenu.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreSideMenu/components/SideMenuItem.vue.d.ts +6 -0
- package/dist/types/components/organisms/CobreSideMenu/components/SubItems.vue.d.ts +5 -0
- package/dist/types/components/organisms/CobreTimeline/CobreTimeline.vue.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { type CobreSelectableItem } from '../../molecules/CobreAccountOptionSelect/CobreAccountOptionSelect.vue';
|
|
2
|
+
/**
|
|
3
|
+
* CobreAccountPicker — a button-style trigger that displays the currently
|
|
4
|
+
* selected account/counterparty (or a placeholder) and emits `click` to open a
|
|
5
|
+
* picker dialog. Use as the entry point for choosing a source/destination
|
|
6
|
+
* account in a flow; pair it with your own list/modal to perform the selection.
|
|
7
|
+
*/
|
|
2
8
|
interface Props {
|
|
3
9
|
label: string;
|
|
4
10
|
placeholderText: string;
|
|
@@ -5,6 +5,13 @@ interface ParsedDate {
|
|
|
5
5
|
date_lte: Date | string | [Date, Date] | null;
|
|
6
6
|
type: CalendarTypes;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* CobreDateFilter — a chip-triggered dropdown date filter built on the vue
|
|
10
|
+
* datepicker. Lets the user pick a single date, a range, or a relative shortcut
|
|
11
|
+
* (today, lastN, after, before), emitting the resolved `date_gte`/`date_lte`
|
|
12
|
+
* bounds. Use in table/list toolbars to filter records by date.
|
|
13
|
+
* Exposes `clearDate()`; provides a `header-content` slot above the calendar.
|
|
14
|
+
*/
|
|
8
15
|
interface Props {
|
|
9
16
|
modelValue: null | {
|
|
10
17
|
date_gte: Date | string | [Date, Date] | null;
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import type { ComputedRef } from 'vue';
|
|
2
2
|
import type { Field } from './interfaces/field.interface';
|
|
3
|
+
/**
|
|
4
|
+
* CobreDynamicForm — renders a form from a declarative `fields` array, mapping
|
|
5
|
+
* each field's `type` to the matching Cobre input (input, date, select,
|
|
6
|
+
* currency, phone, radio, url, checkbox). Use to build configurable forms
|
|
7
|
+
* without hand-wiring each control; only fields with `visible: true` are shown.
|
|
8
|
+
* Exposes `isFormValid` and `reset()`; emits `field-updated` on every change.
|
|
9
|
+
*/
|
|
3
10
|
type __VLS_Props = {
|
|
4
11
|
fields: Field[];
|
|
5
12
|
formId: string;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import type { Filter } from './interfaces/filter.interface';
|
|
2
|
+
/**
|
|
3
|
+
* CobreFilterPanel — a two-pane filter popover: a left tab list (one per
|
|
4
|
+
* filter) and the active filter's control on the right, rendered from the
|
|
5
|
+
* declarative `filters` array (checkbox, radio, input, amount-range, select).
|
|
6
|
+
* Use to filter a table/list by several dimensions at once; the parent owns
|
|
7
|
+
* filter values/state via the `filter-updated`/`filter-search`/`filter-cleared`
|
|
8
|
+
* events. Exposes `areFiltersValid()` and `reset()`.
|
|
9
|
+
*/
|
|
2
10
|
interface Props {
|
|
3
11
|
filters?: Filter[];
|
|
4
12
|
isOpen?: boolean;
|
package/dist/types/components/organisms/CobreFilterPanel/components/FilterAmountRange.vue.d.ts
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { AmountRangeFilter, AmountRangeValue } from '../interfaces/filter.interface';
|
|
2
|
+
/**
|
|
3
|
+
* FilterAmountRange — the amount-range control for CobreFilterPanel: a pair of
|
|
4
|
+
* from/to amount inputs that emit the updated `{ from, to }` value. Validates
|
|
5
|
+
* that `from` does not exceed `to` and surfaces the filter's error message.
|
|
6
|
+
* Rendered internally by CobreFilterPanel for `amount-range` filters; exposes `isValid`.
|
|
7
|
+
*/
|
|
2
8
|
type __VLS_Props = {
|
|
3
9
|
filter: AmountRangeFilter;
|
|
4
10
|
};
|
package/dist/types/components/organisms/CobreFilterPanel/components/FilterCheckboxList.vue.d.ts
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { CheckboxFilter } from '../interfaces/filter.interface';
|
|
2
|
+
/**
|
|
3
|
+
* FilterCheckboxList — the checkbox-group control for CobreFilterPanel: renders
|
|
4
|
+
* one checkbox per option and emits the updated array of selected values when
|
|
5
|
+
* an option is toggled. Options may carry a `logoURL` for an inline icon.
|
|
6
|
+
* Rendered internally by CobreFilterPanel for `checkbox` filters.
|
|
7
|
+
*/
|
|
2
8
|
type __VLS_Props = {
|
|
3
9
|
filter: CheckboxFilter;
|
|
4
10
|
};
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { InputFilter } from '../interfaces/filter.interface';
|
|
2
|
+
/**
|
|
3
|
+
* FilterInput — the free-text control for CobreFilterPanel: a single CobreInput
|
|
4
|
+
* that emits its string value and surfaces the filter's validation error.
|
|
5
|
+
* Honors the filter's inputType, placeholder, and min/max length.
|
|
6
|
+
* Rendered internally by CobreFilterPanel for `input` filters.
|
|
7
|
+
*/
|
|
2
8
|
type __VLS_Props = {
|
|
3
9
|
filter: InputFilter;
|
|
4
10
|
};
|
package/dist/types/components/organisms/CobreFilterPanel/components/FilterRadioList.vue.d.ts
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { RadioFilter } from '../interfaces/filter.interface';
|
|
2
|
+
/**
|
|
3
|
+
* FilterRadioList — the single-select radio-group control for CobreFilterPanel:
|
|
4
|
+
* renders one radio per option and emits the chosen value on selection.
|
|
5
|
+
* Options may carry a `logoURL` for an inline icon.
|
|
6
|
+
* Rendered internally by CobreFilterPanel for `radio` filters.
|
|
7
|
+
*/
|
|
2
8
|
type __VLS_Props = {
|
|
3
9
|
filter: RadioFilter;
|
|
4
10
|
};
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { SelectFilter } from '../interfaces/filter.interface';
|
|
2
|
+
/**
|
|
3
|
+
* FilterSelect — the dropdown control for CobreFilterPanel: wraps CobreSelect
|
|
4
|
+
* and emits the chosen value (or array when `multiple`). Honors the filter's
|
|
5
|
+
* placeholder, searchable, clearable, multiple, reduce, and optionLabel props.
|
|
6
|
+
* Rendered internally by CobreFilterPanel for `select` filters.
|
|
7
|
+
*/
|
|
2
8
|
type __VLS_Props = {
|
|
3
9
|
filter: SelectFilter;
|
|
4
10
|
};
|
|
@@ -9,6 +9,13 @@ export interface MenuItem {
|
|
|
9
9
|
icon?: string;
|
|
10
10
|
subItems?: Items[];
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* CobreHeader — top application bar for the Cobre platform.
|
|
14
|
+
* Use as the page header; on mobile it toggles a hamburger menu that renders the
|
|
15
|
+
* `menu` entries via the Navbar component. For the persistent desktop side
|
|
16
|
+
* navigation use CobreSideMenu instead.
|
|
17
|
+
* Provides `start` (left, e.g. logo) and `end` (right, e.g. avatar/actions) slots.
|
|
18
|
+
*/
|
|
12
19
|
interface Props {
|
|
13
20
|
menu: MenuItem[];
|
|
14
21
|
menuItemActive: string;
|
|
@@ -9,6 +9,11 @@ interface Menu {
|
|
|
9
9
|
highlight?: boolean;
|
|
10
10
|
subItems?: SubItems[];
|
|
11
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Navbar — the navigation list rendered inside CobreHeader's mobile menu.
|
|
14
|
+
* Renders each `menu` entry; entries with subItems become collapsible groups
|
|
15
|
+
* that expand on tap. Not used standalone — driven by CobreHeader.
|
|
16
|
+
*/
|
|
12
17
|
interface Props {
|
|
13
18
|
menu: Menu[];
|
|
14
19
|
itemActive: string;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { MenuItem } from './interfaces/menu.interface';
|
|
2
|
+
/**
|
|
3
|
+
* CobreSideMenu — persistent vertical navigation rail for the Cobre platform.
|
|
4
|
+
* Renders top and bottom item groups, supports a collapsed (icon-only) state and
|
|
5
|
+
* expandable sub-pages. For the mobile/top application bar use CobreHeader instead.
|
|
6
|
+
* Provides `header` (top branding area), `start`, and `end` slots.
|
|
7
|
+
*/
|
|
2
8
|
interface Props {
|
|
3
9
|
itemsTop: MenuItem[];
|
|
4
10
|
itemActive: string;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import type { MenuItem } from '../interfaces/menu.interface';
|
|
2
|
+
/**
|
|
3
|
+
* SideMenuItem — renders one group of CobreSideMenu entries with their sub-items.
|
|
4
|
+
* Each entry shows an icon and label; entries with subItems expand on hover
|
|
5
|
+
* (inline when expanded, as a floating panel when collapsed). Driven by
|
|
6
|
+
* CobreSideMenu, not used standalone.
|
|
7
|
+
*/
|
|
2
8
|
interface Props {
|
|
3
9
|
items: MenuItem[] | undefined;
|
|
4
10
|
itemActive: string;
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import type { Items } from '../interfaces/menu.interface';
|
|
2
|
+
/**
|
|
3
|
+
* SubItems — renders the nested sub-entries of a CobreSideMenu item as a list.
|
|
4
|
+
* Each sub-item is a selectable menu button; emits selectSubItem on click.
|
|
5
|
+
* Driven by SideMenuItem, not used standalone.
|
|
6
|
+
*/
|
|
2
7
|
interface Props {
|
|
3
8
|
subItems: Items[];
|
|
4
9
|
itemActive: string;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CobreTimeline — a vertical, ordered list of events connected by a line.
|
|
3
|
+
* Use to show chronological steps or status history; each event renders an icon
|
|
4
|
+
* and title plus a scoped `item` slot (exposing `item`) for custom content.
|
|
5
|
+
*/
|
|
1
6
|
interface Item {
|
|
2
7
|
[key: string]: any;
|
|
3
8
|
iconClass?: string;
|