@nubisco/ui 3.3.0 → 3.4.0

package/dist/components/Board.d.ts

@@ -36,6 +36,22 @@ interface IBoardMoveEvent {
   fromLaneId?: string | null
   /** The lane the item was moved to (only when lanes are used). */
   toLaneId?: string | null
+  /**
+   * Index the item should occupy in the destination cell's item sequence,
+   * counted with the moved item itself excluded. 0 is the top of the cell.
+   */
+  toIndex: number
+  /** ID of the item that ends up directly above the moved item, or null at the top. */
+  beforeItemId: string | null
+  /** ID of the item that ends up directly below the moved item, or null at the bottom. */
+  afterItemId: string | null
+}
+
+interface IBoardColumnMoveEvent {
+  /** The ID of the column that was moved. */
+  columnId: string
+  /** Index the column should occupy in the `columns` array after the move. */
+  toIndex: number
 }
 
 interface IBoardProps {
@@ -45,6 +61,11 @@ interface IBoardProps {
   items: IBoardItem[]
   /** Optional swim lanes. When provided, the board renders horizontal lane rows. */
   lanes?: IBoardLane[]
+  /**
+   * Allow columns to be reordered by dragging their headers. Off by default;
+   * when on, dropping a header on another column emits `column-move`.
+   */
+  reorderableColumns?: boolean
 }
 
 export type {
@@ -52,6 +73,7 @@ export type {
   IBoardLane,
   IBoardItem,
   IBoardMoveEvent,
+  IBoardColumnMoveEvent,
   IBoardProps,
 }
 
@@ -60,5 +82,6 @@ export type {
   IBoardLane as NbBoardLane,
   IBoardItem as NbBoardItem,
   IBoardMoveEvent as NbBoardMoveEvent,
+  IBoardColumnMoveEvent as NbBoardColumnMoveEvent,
   IBoardProps as NbBoardProps,
 }

package/dist/components/Board.vue.d.ts

@@ -1,27 +1,35 @@
-import type { IBoardProps, IBoardItem, IBoardMoveEvent } from './Board.d';
+import type { IBoardProps, IBoardColumn, IBoardLane, IBoardItem, IBoardMoveEvent, IBoardColumnMoveEvent } from './Board.d';
 declare var __VLS_1: {
-    item: IBoardItem;
-    column: import("./Board.d").IBoardColumn;
+    column: IBoardColumn;
+    count: number;
 }, __VLS_3: {
-    lane: import("./Board.d").IBoardLane;
+    lane: IBoardLane;
 }, __VLS_5: {
     item: IBoardItem;
-    column: import("./Board.d").IBoardColumn;
-    lane: import("./Board.d").IBoardLane;
+    column: IBoardColumn;
+    lane: IBoardLane | undefined;
+}, __VLS_7: {
+    column: IBoardColumn;
+    lane: IBoardLane | undefined;
 };
 type __VLS_Slots = {} & {
-    card?: (props: typeof __VLS_1) => any;
+    'column-header'?: (props: typeof __VLS_1) => any;
 } & {
     'lane-header'?: (props: typeof __VLS_3) => any;
 } & {
     card?: (props: typeof __VLS_5) => any;
+} & {
+    'column-footer'?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<IBoardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     move: (event: IBoardMoveEvent) => any;
+    "column-move": (event: IBoardColumnMoveEvent) => any;
 }, string, import("vue").PublicProps, Readonly<IBoardProps> & Readonly<{
     onMove?: ((event: IBoardMoveEvent) => any) | undefined;
+    "onColumn-move"?: ((event: IBoardColumnMoveEvent) => any) | undefined;
 }>, {
-    lanes: import("./Board.d").IBoardLane[];
+    lanes: IBoardLane[];
+    reorderableColumns: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Board.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Board.vue.d.ts","sourceRoot":"","sources":["../../src/components/Board.vue"],"names":[],"mappings":"AA6UA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AA2TzE,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO;;CAAU,EAAE,OAAO;;;;CAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK5C,QAAA,MAAM,UAAU;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Board.vue.d.ts","sourceRoot":"","sources":["../../src/components/Board.vue"],"names":[],"mappings":"AAm1BA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,WAAW,CAAA;AAwvBlB,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO;;CAAU,EAAE,OAAO;;;;CAAU,EAAE,OAAO;;;CAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAOvD,QAAA,MAAM,UAAU;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InlineEdit.d.ts

@@ -0,0 +1,24 @@
+import { IDefaultProps } from '../types/Props.d'
+
+/**
+ * Text scale of both the presentation text and the editor. `md` reads as a
+ * body line, `lg` as a section heading, `xl` as a page/dialog title.
+ */
+type TInlineEditSize = 'md' | 'lg' | 'xl'
+
+interface IInlineEditProps extends IDefaultProps {
+  /** Current value. Updated live while editing; see `commit`/`cancel`. */
+  modelValue: string
+  /**
+   * Accessible name of the field ("Item title"). Also names the edit
+   * affordance for assistive tech, so it is required.
+   */
+  label: string
+  /** Shown, muted, when the value is empty. */
+  placeholder?: string
+  size?: TInlineEditSize
+  /** Blocks entering edit mode without changing the presentation. */
+  disabled?: boolean
+}
+
+export type { IInlineEditProps, TInlineEditSize }

package/dist/components/InlineEdit.vue.d.ts

@@ -0,0 +1,20 @@
+import type { IInlineEditProps } from './InlineEdit.d';
+declare function start(): void;
+declare const __VLS_export: import("vue").DefineComponent<IInlineEditProps, {
+    start: typeof start;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    cancel: () => any;
+    commit: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<IInlineEditProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onCommit?: ((value: string) => any) | undefined;
+}>, {
+    size: import("./InlineEdit.d").TInlineEditSize;
+    disabled: boolean;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=InlineEdit.vue.d.ts.map

package/dist/components/InlineEdit.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.vue.d.ts","sourceRoot":"","sources":["../../src/components/InlineEdit.vue"],"names":[],"mappings":"AAwMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAyBtD,iBAAS,KAAK,IAAI,IAAI,CAQrB;AA0HD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;;iBAgLf,GAAG;;AADlB,wBAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;;iBAkLf,GAAG;;AADlB,wBAMC"}

package/dist/global.d.ts

@@ -39,6 +39,7 @@ import Grid from './components/Grid.vue'
 import Icon from './components/Icon.vue'
 import ImageCropper from './components/ImageCropper.vue'
 import InfoHint from './components/InfoHint.vue'
+import InlineEdit from './components/InlineEdit.vue'
 import InlineLoading from './components/InlineLoading.vue'
 import InterpolationChart from './components/Charts/InterpolationChart.vue'
 import JsonTree from './components/JsonTree.vue'
@@ -131,6 +132,7 @@ declare module 'vue' {
     NbIcon: typeof Icon
     NbImageCropper: typeof ImageCropper
     NbInfoHint: typeof InfoHint
+    NbInlineEdit: typeof InlineEdit
     NbInlineLoading: typeof InlineLoading
     NbInterpolationChart: typeof InterpolationChart
     NbJsonTree: typeof JsonTree