Git Product home page Git Product logo

powercat-code-components's People

Contributors

denise-msft avatar dependabot[bot] avatar microsoft-github-policy-service[bot] avatar ramakrishnan24689 avatar slaouist avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

powercat-code-components's Issues

DetailList support for complex data type

complex data type

I am using trying to use the DetailList to list out the data from a sharepoint data source. And I found that there is no way to just access the properties in the collection, liked Requestor.DisplayName, compared to the Data Table control.

[DetailsList] List filtered by comboboxes in custom page not working in run-time

I am building a custom page where I am using the DetailsList. I am filtering the items of the DetailsList based on the selection of several comboboxes.

When I am building the app in in the maker studio the DetailsList is filtered as expected, and showing the items/records.

image

However, when I run custom page in the model-driven app, the item/records are not loading:

image

Are there any known limitations regarding this or is this a bug?

Details list column selection for manual sorting is now broken with latest update

I can't select the column headers anymore if I am using a collection or Add Columns in my Items field.
If I am just using Dataverse it works fine.

For some reason, any added columns are "unselectable" even if the ColSortable is set to true.

To test this out
Items:
Table( {id: "1", name: "contoso" }, {id: "2", name: "MSoft" } )
columns_Items:
Table({ ColName: "id", ColDisplayName: "Name alt", ColWidth: 200, ColSortable: true, ColIsBold: true, ColResizable: true },{ ColName: "name", ColDisplayName: "Name", ColWidth: 200, ColSortable: true, ColIsBold: true, ColResizable: true } )

Column headers are unclickable

PowerApps version: 3.24032.26

This was working previously and has only recently happened.

Question Detailslist and conditional formatting a column tag

On setting the column_items i was seeking guidance on how to set the color of a tag conditonal based on the input

{
ColName: "Response",
ColDisplayName: "Tag",
ColCellType:"tag",
ColWidth: 70,
ColTagColorColumn: "TagColor", // How to lets say if the value of the rendered cell was Hot, then i want to set the color to Red and so on?
ColTagBorderColorColumn: "TagBorderColor",
ColVerticalAlign: "Center",
ColHorizontalAlign:"Center",
ColResizable:true
}

Or is there a workaround i could use?

(SearchBox) Add DelayOutput property

The standard textbox control has the ability to only update the output text property after a debounce delay controlled by the DelayOutput property.
This is important when performing searches as the user types to prevent events from being fired too frequently.

`Calendar` Some Translations are wrong. Mixed short/long names

Hi. There are some translations that have long names instead of the short names and they don't render properly on the Calendar.

These are the problematic ones:

  • bg-bg:
    image
    Storybook here

  • ca-es:
    image
    Storybook here

  • el-gr:
    image
    Storybook here

  • et-ee:
    image
    Storybook here

  • it-it:
    image
    Storybook here

  • lv-lv:
    image
    Storybook here

  • nl-nl:
    image
    Storybook here

  • pl-pl:
    image
    Storybook here

  • ro-ro:
    image
    Storybook here

  • sr-latn-rs:
    image
    Storybook here

  • tr-tr:
    image
    Storybook here

  • vi-vn:
    image
    Storybook here

  • zh-cn:
    image
    Storybook here

  • zh-tw:
    image
    Storybook here

Latest Donut Chart control fails to initialize

After adding a donut chart to the Canvas App screen it shows an "Error loading control" message link. Even though we have done data binding it doesn't function at all. Same error is shown.

Tests are misleading

Hi,
most of the tests have incorrect data, since there is not enough documentation here for these components, I tried creating the inputs based on the tests. But it is not working as expected. Example of Pivot component. Where the Icons are not rendering.

Pivot Example

Items as follows:

Table(
    {
        ItemKey: "item1",
        ItemDisplayName: "Item 1",
        ItemIconName: "Open",
        ItemIconColor: "blue",
        ItemEnabled: true,
        ItemIconOnly: false
    },
    {
        ItemKey: "item2",
        ItemDisplayName: "Item 2",
        ItemIconName: "New",
        ItemIconColor: "blue",
        ItemEnabled: false,
        ItemIconOnly: true
    },
    {
        ItemKey: "item3",
        ItemDisplayName: "Item 3",
        ItemIconName: "Save",
        ItemIconColor: "green",
        ItemEnabled: false,
        ItemIconOnly: true
    },
    {
        ItemKey: "item5",
        ItemDisplayName: "Item 5",
        ItemIconName: "New",
        ItemIconColor: "blue",
        ItemEnabled: false,
        ItemIconOnly: true,
        ItemParentKey: "commandNew"
    },
    {
        ItemKey: "item6",
        ItemDisplayName: "Item 6",
        ItemIconName: "Save",
        ItemIconColor: "green",
        ItemEnabled: false,
        ItemIconOnly: true,
        ItemParentKey: "commandSave"
    },
    {
        ItemKey: "item7",
        ItemDisplayName: "Item 7",
        ItemIconName: "New",
        ItemIconColor: "blue",
        ItemEnabled: false,
        ItemIconOnly: true,
        ItemParentKey: "item1"
    },
    {
        ItemKey: "item8",
        ItemDisplayName: "Item 8",
        ItemIconName: "New",
        ItemIconColor: "blue",
        ItemEnabled: false,
        ItemIconOnly: true,
        ItemParentKey: "item2"
    }
)

based on:

const items = [
new MockEntityRecord('1', {
[ItemColumns.Key]: 'item1',
[ItemColumns.DisplayName]: 'Item 1',
[ItemColumns.IconName]: 'Open',
[ItemColumns.IconColor]: 'blue',
[ItemColumns.Enabled]: true,
[ItemColumns.IconOnly]: false,
}),
new MockEntityRecord('2', {
[ItemColumns.Key]: 'item2',
[ItemColumns.DisplayName]: 'Item 2',
[ItemColumns.IconName]: 'New',
[ItemColumns.IconColor]: 'blue',
[ItemColumns.Enabled]: false,
[ItemColumns.IconOnly]: true,
}),
new MockEntityRecord('3', {
[ItemColumns.Key]: 'item3',
[ItemColumns.DisplayName]: 'Item 3',
[ItemColumns.IconName]: 'Save',
[ItemColumns.IconColor]: 'green',
[ItemColumns.Enabled]: false,
[ItemColumns.IconOnly]: true,
}),
// Sub Items First Level
new MockEntityRecord('5', {
[ItemColumns.Key]: 'item5',
[ItemColumns.DisplayName]: 'Item 5',
[ItemColumns.IconName]: 'New',
[ItemColumns.IconColor]: 'blue',
[ItemColumns.Enabled]: false,
[ItemColumns.IconOnly]: true,
[ItemColumns.ParentKey]: 'commandNew',
}),
new MockEntityRecord('6', {
[ItemColumns.Key]: 'item6',
[ItemColumns.DisplayName]: 'Item 6',
[ItemColumns.IconName]: 'Save',
[ItemColumns.IconColor]: 'green',
[ItemColumns.Enabled]: false,
[ItemColumns.IconOnly]: true,
[ItemColumns.ParentKey]: 'commandSave',
}),
// Sub Items Second Level
new MockEntityRecord('7', {
[ItemColumns.Key]: 'item7',
[ItemColumns.DisplayName]: 'Item 7',
[ItemColumns.IconName]: 'New',
[ItemColumns.IconColor]: 'blue',
[ItemColumns.Enabled]: false,
[ItemColumns.IconOnly]: true,
[ItemColumns.ParentKey]: 'item1',
}),
new MockEntityRecord('8', {
[ItemColumns.Key]: 'item8',
[ItemColumns.DisplayName]: 'Item 8',
[ItemColumns.IconName]: 'New',
[ItemColumns.IconColor]: 'blue',
[ItemColumns.Enabled]: false,
[ItemColumns.IconOnly]: true,
[ItemColumns.ParentKey]: 'item2',
}),
];

Detailslist won't let me select fields

Hi All,

I have been struggling for couple of hours now with creating a simple Detailslist.

I give it a simple SharePoint list dataset with 4 columns (Nazev, Mesto, PSC, Ulice). After adding the dataset, I can see rows appear in the table, but with no column header or data. Following the documentation, next thing I did was I tried to select the fields. When I try to select the fields in the edit fields panel, I can see them there, select them, but when I click Add, it does not add them.

I tried saving the dataset as a local collection using ClearCollect, it did not help. Specifying the columns in the Columns property does not help. To make sure I checked the internal names of the columns in Sharepoint and I am using the right column names in the Columns property. I tried different browsers.

Am I doing something wrong or is this a PowerApps / PowerCat code pomponents bug?

Contribute / Extend the code components

Hi there,

first of all I want to thank the whole team for alle the effort you put into the code components, bridging the gap between fluent ui and the power platform. The outcome is amazing, even if we are just getting started ;)

Our company wants to contribute / extend the existing code components for a project, but getting started developing/contributing is not that easy as using the components, because of the lack of good documentation.

For starters I cloned the repo and tried to get one component (DetailList) up and running. While trying this I'm facing a lot issues like how is the repo intend to be used in form of local development. Starting the test harness results in an empty detail list, trying to use an csv as dataset input is not working and also I were not able to find some mockup data included for development.

After getting in touch with @scottdurow on LinkedIn he kindly asked me to open a request/issue on GitHub.
We would appreciate any help getting started with developing/contributing using this repo. The easiest way would be probably by a teams meeting or chat. It would be nice if someone could contact me there: [email protected]

Thank you guys, and keep up the great work!

Details List does not show records with the last update

For some reason, a local collection that is bound to a Details List doesn't display records in the UI (it is blank), but can be seen in the Power Apps Designer.

The local collection contains rows (confirmed from the Monitor tool).

PowerApps version: 3.24051.23

This was working previously and has only recently happened.

DetailsList does not honor CurrentSortColumn or CurrentSortDirection inputs on Dataverse table

Component Version: 1.0.22

I have a DetailsList Component configured as follows:

  • Dataverse table as the source, no filters or sorting set in the Items property
  • CurrentSortColumn property set to the logical name of the column I want to sort by (Autonumber column)
  • CurrentSortDirection set to 'PowerCAT.FluentDetailsList.CurrentSortDirection'.Descending ("1")

This configuration does not sort the list by the set column, it defaults to sorted Ascending by the Primary column on the table.

I've tried specifying a view on the Table that sorts by the desired column, but this doesn't seem to make a difference.

Is this a bug, or have I misunderstood how these properties are supposed to work?

CommandBar - FarItems cannot have Child Items

Setting "ItemParentKey" to an Item that has "ItemFarItem=true" does not work - the Child Items are not displayed at all, and the "parent" Item (a FarRightItem) does not display the down chevron to show the fly-out menu.

Either the Documentation needs to be updated to reflect this, or, ideally, the component should be fixed to allow FarRightItems to have children.

Incrementing minor version with each release

Currently, the build number is incremented with each release in line with the recommended PCF deployment practices.
The solution is version stamped with the same version as the PCFs.

To make it easier for forks to build/test new versions, what do you think about moving the release increment to the minor version instead? This will make it easier for branches/forks to deploy/test new versions without preventing future import version collisions due to the local version being higher than the new release version.

E.g.

  1. Released version -> 1.8.0
  2. Forked/branch version deployed to test environment ->1.8.1 -> 1.8.2 etc.
  3. New version released ->1.9.0
  4. Forked/branch version deployed to test environment ->1.9.1 -> 1.9.2 etc.
  5. And so on....

This would need a change to the release workflow, moving the incrementing version to the minor variable, rather than the build version.

Thoughts?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.