@limetech/lime-elements 38.29.3 → 38.30.0

package/dist/types/components/form/form.d.ts

@@ -11,6 +11,7 @@ import { FormError, FormSchema, ValidationError, ValidationStatus } from './form
  * @exampleComponent limel-example-form-span-fields
  * @exampleComponent limel-example-custom-error-message
  * @exampleComponent limel-example-server-errors
+ * @exampleComponent limel-example-form-array-item-controls
  * @exampleComponent limel-example-form-with-help
  * @exampleComponent limel-example-form-row-layout
  */

package/dist/types/components/form/form.types.d.ts

@@ -183,6 +183,14 @@ export interface LimeSchemaOptions {
    */
   hidden?: boolean;
   help?: string | Partial<Help>;
+  /**
+   * Controls whether items in an array can be reordered by the end user.
+   */
+  allowItemReorder?: boolean;
+  /**
+   * Controls whether items in an array can be removed by the end user.
+   */
+  allowItemRemoval?: boolean;
 }
 /**
  * Options for a layout to be used in a form

package/dist/types/components/form/templates/array-field-collapsible-item.d.ts

@@ -22,8 +22,16 @@ interface CollapsibleItemProps {
    * Schema for the entire form
    */
   formSchema: JSONSchema7;
+  /**
+   * Control whether items can be removed.
+   */
+  allowItemRemoval: boolean;
+  /**
+   * Control whether items can be reordered.
+   */
+  allowItemReorder: boolean;
 }
-export declare class CollapsibleItemTemplate extends React.Component {
+export declare class CollapsibleItemTemplate extends React.Component<CollapsibleItemProps> {
   props: CollapsibleItemProps;
   state: {
     isOpen: boolean;

package/dist/types/components/form/templates/array-field-simple-item.d.ts

@@ -3,14 +3,15 @@ import { ArrayFieldItem } from './types';
 interface SimpleItemProps {
   item: ArrayFieldItem;
   index: number;
+  allowItemRemoval: boolean;
+  allowItemReorder: boolean;
 }
-export declare class SimpleItemTemplate extends React.Component {
+export declare class SimpleItemTemplate extends React.Component<SimpleItemProps> {
   props: SimpleItemProps;
   constructor(props: SimpleItemProps);
-  private removeButton;
-  private moveUpButton;
-  private moveDownButton;
-  componentDidMount(): void;
+  private removeButton?;
+  private moveUpButton?;
+  private moveDownButton?;
   componentWillUnmount(): void;
   render(): React.DetailedReactHTMLElement<{
     className: string;
@@ -21,6 +22,9 @@ export declare class SimpleItemTemplate extends React.Component {
   private handleRemove;
   private handleMoveUp;
   private handleMoveDown;
+  private setRemoveButton;
+  private setMoveUpButton;
+  private setMoveDownButton;
 }
 export {};
 //# sourceMappingURL=array-field-simple-item.d.ts.map

package/dist/types/components/form/templates/array-field.d.ts

@@ -6,6 +6,7 @@ export declare class ArrayFieldTemplate extends React.Component {
   render(): React.DetailedReactHTMLElement<{}, HTMLElement>;
   private renderAddButton;
   private renderItem;
+  private getItemControls;
   private handleAddClick;
 }
 //# sourceMappingURL=array-field.d.ts.map

package/dist/types/components/table/table.d.ts

@@ -21,7 +21,8 @@ import { Languages } from '../date-picker/date.types';
  */
 export declare class Table {
   /**
-   * Data to be displayed in the table
+   * Data to be displayed in the table. Provide a stable `id` on each row to keep
+   * scroll position, focus, and selections intact across updates.
    */
   data: object[];
   /**
@@ -151,6 +152,7 @@ export declare class Table {
   protected updateSortableColumns(): void;
   protected updateSorting(newValue: ColumnSorter[], oldValue: ColumnSorter[]): void;
   private shouldReplaceData;
+  private getRowIds;
   private areEqualIds;
   private isSameOrder;
   private areSameColumns;

package/dist/types/components.d.ts

@@ -1498,6 +1498,7 @@ export namespace Components {
      * @exampleComponent limel-example-form-span-fields
      * @exampleComponent limel-example-custom-error-message
      * @exampleComponent limel-example-server-errors
+     * @exampleComponent limel-example-form-array-item-controls
      * @exampleComponent limel-example-form-with-help
      * @exampleComponent limel-example-form-row-layout
      */
@@ -3077,7 +3078,7 @@ export namespace Components {
          */
         "columns": Column[];
         /**
-          * Data to be displayed in the table
+          * Data to be displayed in the table. Provide a stable `id` on each row to keep scroll position, focus, and selections intact across updates.
          */
         "data": object[];
         /**
@@ -4223,6 +4224,7 @@ declare global {
      * @exampleComponent limel-example-form-span-fields
      * @exampleComponent limel-example-custom-error-message
      * @exampleComponent limel-example-server-errors
+     * @exampleComponent limel-example-form-array-item-controls
      * @exampleComponent limel-example-form-with-help
      * @exampleComponent limel-example-form-row-layout
      */
@@ -6724,6 +6726,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-form-span-fields
      * @exampleComponent limel-example-custom-error-message
      * @exampleComponent limel-example-server-errors
+     * @exampleComponent limel-example-form-array-item-controls
      * @exampleComponent limel-example-form-with-help
      * @exampleComponent limel-example-form-row-layout
      */
@@ -8432,7 +8435,7 @@ declare namespace LocalJSX {
          */
         "columns"?: Column[];
         /**
-          * Data to be displayed in the table
+          * Data to be displayed in the table. Provide a stable `id` on each row to keep scroll position, focus, and selections intact across updates.
          */
         "data"?: object[];
         /**
@@ -9391,6 +9394,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-form-span-fields
              * @exampleComponent limel-example-custom-error-message
              * @exampleComponent limel-example-server-errors
+             * @exampleComponent limel-example-form-array-item-controls
              * @exampleComponent limel-example-form-with-help
              * @exampleComponent limel-example-form-row-layout
              */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "38.29.3",
+  "version": "38.30.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",