@talxis/base-controls 1.2406.2

package/examples/Duration/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "pcf-project",
+  "version": "1.2406.2",
+  "description": "Project containing your PowerApps Component Framework (PCF) control.",
+  "scripts": {
+    "build": "pcf-scripts build",
+    "clean": "pcf-scripts clean",
+    "lint": "pcf-scripts lint",
+    "lint:fix": "pcf-scripts lint fix",
+    "rebuild": "pcf-scripts rebuild",
+    "start": "pcf-scripts start",
+    "start:watch": "pcf-scripts start watch",
+    "refreshTypes": "pcf-scripts refreshTypes"
+  },
+  "devDependencies": {
+    "@microsoft/eslint-plugin-power-apps": "^0.2.6",
+    "@types/node": "^18.8.2",
+    "@types/powerapps-component-framework": "^1.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.39.0",
+    "@typescript-eslint/parser": "^5.39.0",
+    "eslint": "^8.24.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.0.1",
+    "pcf-scripts": "^1",
+    "pcf-start": "^1",
+    "typescript": "^4.9.5"
+  }
+}

package/examples/Duration/pcfconfig.json

@@ -0,0 +1,3 @@
+{
+    "outDir": "./out/controls"
+}

package/examples/Duration/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "./node_modules/pcf-scripts/tsconfig_base.json",
+    "compilerOptions": {
+        "allowSyntheticDefaultImports": true,
+        "typeRoots": ["node_modules/@types"]
+    }
+}

package/examples/Grid/Grid/ControlManifest.Input.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<manifest>
+  <control namespace="TALXIS.PCF" constructor="Grid" version="5.0.1" display-name-key="Grid" description-key="Grid description" control-type="standard">
+    <data-set name="Grid" display-name-key="Dataset_Display_Key">
+    </data-set>
+    <property name="EnableEditing" display-name-key="EnableEditing_Display_Key" description-key="EnableEditing_Description_Key" of-type="TwoOptions" usage="input" />
+    <property name="EnablePagination" display-name-key="EnablePagination_Display_Key" description-key="EnablePagination_Description_Key" of-type="TwoOptions" usage="input" />
+    <property name="EnableFiltering" display-name-key="EnableFiltering_Display_Key" description-key="EnableFiltering_Description_Key" of-type="TwoOptions" usage="input" />
+    <property name="EnableSorting" display-name-key="EnableSorting_Display_Key" description-key="EnableSorting_Description_Key" of-type="TwoOptions" usage="input" />
+    <property name="EnableNavigation" display-name-key="EnableNavigation_Display_Key" description-key="EnableNavigation_Description_Key" of-type="TwoOptions" usage="input" />
+    <property name="SelectableRows" display-name-key="SelectableRows_Display_Key" description-key="SelectableRows_Description_Key" of-type="SingleLine.Text" usage="input">
+    </property>
+
+    <resources>
+      <code path="index.ts" order="1"/>
+    </resources>
+    <feature-usage>
+      <uses-feature name="Device.captureAudio" required="true" />
+      <uses-feature name="Device.captureImage" required="true" />
+      <uses-feature name="Device.captureVideo" required="true" />
+      <uses-feature name="Device.getBarcodeValue" required="true" />
+      <uses-feature name="Device.getCurrentPosition" required="true" />
+      <uses-feature name="Device.pickFile" required="true" />
+      <uses-feature name="Utility" required="true" />
+      <uses-feature name="WebAPI" required="true" />
+    </feature-usage>
+  </control>
+</manifest>

package/examples/Grid/Grid/index.ts

@@ -0,0 +1,100 @@
+import { IInputs, IOutputs } from "./generated/ManifestTypes";
+import * as ReactDOM from 'react-dom';
+import * as React from 'react';
+import { Grid as GridComponent } from '../../../dist/components/Grid/Grid';
+import { IGrid, IGridParameters } from "../../../dist/components/Grid/interfaces";
+
+export class Grid implements ComponentFramework.StandardControl<IInputs, IOutputs> {
+    private _container: HTMLDivElement;
+    private _selectedRecordIds: string[] = [];
+    constructor() {
+
+    }
+
+    /**
+     * Used to initialize the control instance. Controls can kick off remote server calls and other initialization actions here.
+     * Data-set values are not initialized here, use updateView.
+     * @param context The entire property bag available to control via Context Object; It contains values as set up by the customizer mapped to property names defined in the manifest, as well as utility functions.
+     * @param notifyOutputChanged A callback method to alert the framework that the control has new outputs ready to be retrieved asynchronously.
+     * @param state A piece of data that persists in one session for a single user. Can be set at any point in a controls life cycle by calling 'setControlState' in the Mode interface.
+     * @param container If a control is marked control-type='standard', it will receive an empty div element within which it can render its content.
+     */
+    public init(context: ComponentFramework.Context<IInputs>, notifyOutputChanged: () => void, state: ComponentFramework.Dictionary, container: HTMLDivElement): void {
+        this._container = container;
+    }
+
+    /**
+     * Called when any value in the property bag has changed. This includes field values, data-sets, global values such as container height and width, offline status, control metadata values such as label, visible, etc.
+     * @param context The entire property bag available to control via Context Object; It contains values as set up by the customizer mapped to names defined in the manifest, as well as utility functions
+     */
+    public updateView(context: ComponentFramework.Context<IInputs>): void {
+        if (window.location.port === '8181') {
+            context.factory.requestRender = () => {
+                this.updateView(context);
+            };
+            //@ts-ignore - inject
+            context.utils.getEntityMetadata = () => {
+                return {
+                    Attributes: {
+                        get: () => {
+                            return {
+                                attributeDescriptor: {
+                                    RequiredLevel: 2,
+                                    IsValidForUpdate: true
+                                }
+                            };
+                        }
+                    }
+                };
+            };
+            context.parameters.Grid = {
+                ...context.parameters.Grid,
+                columns: [...context.parameters.Grid.columns],
+                sorting: context.parameters.Grid.sorting ?? [],
+                //@ts-ignore - not part of types
+                paging: {...context.parameters.Grid.paging, pageNumber: 1, pageSize: 25},
+                refresh: () => {
+                    this.updateView(context);
+                },
+                getSelectedRecordIds: () => {
+                    return this._selectedRecordIds;
+                },
+                setSelectedRecordIds: (ids: string[]) => {
+                    this._selectedRecordIds = ids;
+                    this.updateView(context);
+                }
+            };
+            for(const [key, value] of Object.entries(context.parameters.Grid.records)) {
+                //@ts-ignore / misssing implementation
+                context.parameters.Grid.records[key].setValue = () => {
+                    context.factory.requestRender();
+                };
+            }
+        }
+        ReactDOM.render(React.createElement(GridComponent, {
+            context: context,
+            parameters: {
+                ...context.parameters,
+                EnableEditing: {
+                    raw: true
+                }
+            }
+        } as any), this._container);
+    }
+
+    /**
+     * It is called by the framework prior to a control receiving new data.
+     * @returns an object based on nomenclature defined in manifest, expecting object[s] for property marked as "bound" or "output"
+     */
+    public getOutputs(): IOutputs {
+        return {};
+    }
+
+    /**
+     * Called when the control is to be removed from the DOM tree. Controls should use this call for cleanup.
+     * i.e. cancelling any pending remote calls, removing listeners, etc.
+     */
+    public destroy(): void {
+        // Add code to cleanup control if necessary
+    }
+}

package/examples/Grid/Grid.pcfproj

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <PowerAppsTargetsPath>$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v$(VisualStudioVersion)\PowerApps</PowerAppsTargetsPath>
+  </PropertyGroup>
+
+  <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" />
+  <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.props" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.props')" />
+
+  <PropertyGroup>
+    <Name>Grid</Name>
+    <ProjectGuid>f3abb6c4-d594-4bf7-a4f6-15d438e64388</ProjectGuid>
+    <OutputPath>$(MSBuildThisFileDirectory)out\controls</OutputPath>
+  </PropertyGroup>
+
+  <PropertyGroup>
+    <TargetFrameworkVersion>v4.6.2</TargetFrameworkVersion>
+    <!--Remove TargetFramework when this is available in 16.1-->
+    <TargetFramework>net462</TargetFramework>
+    <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.PowerApps.MSBuild.Pcf" Version="1.*" />
+    <PackageReference Include="Microsoft.NETFramework.ReferenceAssemblies" Version="1.0.0" PrivateAssets="All" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\.gitignore" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\bin\**" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\obj\**" />
+    <ExcludeDirectories Include="$(OutputPath)\**" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.pcfproj" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.pcfproj.user" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.sln" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\node_modules\**" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="$(MSBuildThisFileDirectory)\**" Exclude="@(ExcludeDirectories)" />
+  </ItemGroup>
+
+  <Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" />
+  <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.targets" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.targets')" />
+
+</Project>