ui-core | ✨ Design system core library | User Interface library

by habx TypeScript Version: v6.21.0 License: MIT

X-Ray Key Features Code Snippets Community Discussions(10)Vulnerabilities Install Support

kandi X-RAY | ui-core Summary

ui-core is a TypeScript library typically used in User Interface, React applications. ui-core has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

Design System used on all the applications developed by HABX.

Support

Quality

Security

License

Reuse

Support

ui-core has a low active ecosystem.

It has 43 star(s) with 3 fork(s). There are 4 watchers for this library.

It had no major release in the last 12 months.

There are 1 open issues and 3 have been closed. On average issues are closed in 249 days. There are 1 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of ui-core is v6.21.0

Quality

ui-core has no bugs reported.

Security

ui-core has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

ui-core is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

ui-core releases are available to install and integrate.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ui-core

Get all kandi verified functions for this library.

ui-core Key Features

No Key Features are available at this moment for ui-core.

ui-core Examples and Code Snippets

No Code Snippets are available at this moment for ui-core.

Community Discussions

Trending Discussions on ui-core

scss style not getting applied in nx angular workspace lib

Fiori Standard App 'My Benefits' Extensions Not Working After GW Upgrade [SAP Fiori, SAPUI5, SAP NW Gateway]

How can I change button icons back to normal size inside of MessagePage?

Apache Storm - KafkaSpout not consuming messaes from Kafka Topic

Getting problems when trying to setup Jetpack Compose Found interface rPluginContext

Table grouping resets selected values when adding new item

OpenUI5: TypeError: this.getAutoPrefixId is not a function

How to find loading bottleneck of a slow-loading SAPUI5 app

Missing properties when inferring props from component

Element type is invalid: expected a string (for built-in components) or a class/function after webpack build

QUESTION

scss style not getting applied in nx angular workspace lib

Asked 2021-May-30 at 17:25

I have an NX Workspace for angular. All the latest versions (angular 12.0.0, NX 12.3.4, storybook 6.3.0) I created a lib called ui-core and added a sample nav menu component for testing. I then added nx storybook schematic and storybook runs and I also have it set up to use tailwind via @ng-neat/tailwind.

I also have a dependency on kendo ui for angular who exposes many scss files for styling their components.

The problem is that no matter which way I try to import the styles from ~@progress/kendo-theme-material they do not get applied in the storybook instance.
HOWEVER: They DO get applied if I import the component from the ui-core lib into the main angular app and run ng serve.

EXAMPLE: right is ng serve of app that uses the menu nav anf left is storybook of same component

What I have Tried:

Change main.js config for storybook (the webPackFinal is the part that was added as per these docs from storybook):

...

ANSWER

Answered 2021-May-30 at 17:25

First, I need to thank HailToTheKing in the storybook discord for helping with this.

The problem here was that I needed to import the kendo ui modules in to the storybook config for this story. I did not realize that the modules imported into the nx lib do not get automatically.

So this WAS NOT a scss issue. The browser console was throwing a lot of element not found errors for the kendo components. Once I imported them into the storybook config, the component rendered properly.

Here is my component.stories.ts config:

Source https://stackoverflow.com/questions/67730165

QUESTION

Fiori Standard App 'My Benefits' Extensions Not Working After GW Upgrade [SAP Fiori, SAPUI5, SAP NW Gateway]

Asked 2021-May-21 at 16:24

We upgraded our GW system to 7.52 SP 7 and also migrated the systems from on-prem to Azure. ECC 7 system is on-prem. After the upgrade and migration was done, the Standard Fiori app 'My Benefits' tile is opening but only the standard portion is working and the extended parts are throwing errors. Here are the errors:

Errors in Console (Browser debugger)

XMLTemplateProcessor-dbg.js:98 Uncaught Error: found in negative cache: 'sap/m/columns.js' from ./resources/sap/m/columns.js: failed to load 'sap/m/columns.js' from ./resources/sap/m/columns.js: 404 - at makeNestedError (https://host:port/sap/bc/ui5_ui5/sap/zmybenefitsext/resources/sap-ui-core.js:92:37)

XHRInterceptor-dbg.js:58 GET https://host:port/sap/bc/ui5_ui5/sap/zmybenefitsext/resources/sap/m/columns.js 404

XMLTemplateProcessor-dbg.js:98 Uncaught Error: failed to load 'sap/m/columns.js' from ./resources/sap/m/columns.js: 404 - Not Found

Error in the Network tab (Browser debugger)

404(Not Found) for https://host:port/sap/bc/ui5_ui5/sap/zmybenefitsext/resources/sap/m/columns.js

I couldn't find any errors in the front-end or the back-end, I cleaned up the caches on both front-end and back-end and also re-indexed the app on the gateway. I also reactivated the ICF nodes.

Here's the index.html

...

ANSWER

Answered 2021-May-21 at 16:24

I found the issue. The version of the standard Fiori app is using SAPUI5 1.28.5 where columns aggregation is still part of sap.m.List but deprecated. Also, the GW before the upgrade had the SAPUI5 version of 1.52 which still had columns listed as aggregation of List. That's why the app was working before but the upgraded GW SAPUI5 version is 1.71.24 where columns aggregation doesn't exist, hence the NOT FOUND error.

Because the XML is part of the standard code, I won't be able to modify the XML to replace columns with Table.

We had created a ticket with SAP and they said they will have to fix it for us.

Source https://stackoverflow.com/questions/65801965

QUESTION

How can I change button icons back to normal size inside of MessagePage?

Asked 2021-Feb-04 at 12:58

Since I noticed my button icons are normal sized in other views I guessed that it's because of the MessagePage element.

Is there a nice solution for this or did the developers just wanted us to never user icons inside of buttons in that element? :D

...

ANSWER

Answered 2021-Feb-04 at 12:29

[...] did the developers just wanted us to never user icons inside of buttons in that element? :D

Kinda yes. :P According to Fiori design guidelines in the topic "Button Content":

A button can contain an icon OR a text.

But: even without text, the button icon doesn't look alright:

This is definitely a bug. Just created an issue here: https://github.com/SAP/openui5/issues/3145

Source https://stackoverflow.com/questions/66044035

QUESTION

Apache Storm - KafkaSpout not consuming messaes from Kafka Topic

Asked 2020-Dec-21 at 15:59

I am trying to integrate Kafka to Storm Toplogy using below code but unfortunately KafkaSpout is not consuming messages from Kafka-topic. At Storm UI-Core, Emitted count remains 0 forever.

...

ANSWER

Answered 2020-Dec-21 at 15:59

Hard to know with what you have, so consider showing the rest of your code too. But from what you do have, it does not appear like you are actually producing any events.

If you are trying to consume kafka events in your spout for further processing then make sure you are actually subscribed to a topic that is having events created on it, and then you can not see the event output through the console consumer since you are consuming them in Storm, not producing them.

If you are trying to produce kafka events to the test topic through Storm and then trying to consume them through the console consumer then make sure you are actually producing events in storm.

Hope that puts you on the right path, I would suggest going over the base-concepts of Kafka here: Kafka Introduction

Source https://stackoverflow.com/questions/65205094

QUESTION

Getting problems when trying to setup Jetpack Compose Found interface rPluginContext

Asked 2020-Dec-05 at 14:15

So, I'm trying to let jetpack compose run with a simple example, I have already updated my kotlin plugin to 1.4.0 and also updated all my build gradle with the jetpack compose documentation, but I got this error when compiling

java.lang.IncompatibleClassChangeError: Found interface org.jetbrains.kotlin.backend.common.extensions.IrPluginContext, but class was expected at androidx.compose.plugins.kotlin.ComposeIrGenerationExtension.generate(ComposeIrGenerationExtension.kt:41)

I have also downloaded the canary version of Android studio

build.gradle project ...

ANSWER

Answered 2020-Aug-18 at 05:02

Try to update Compose version to 0.1.0-dev16. Looks like 0.1.0-dev13 isn't compatible with Kotlin 1.4-rc

Source https://stackoverflow.com/questions/63457702

QUESTION

Table grouping resets selected values when adding new item

Asked 2020-Dec-04 at 11:40

Here we have a very basic table with an Add button and grouping activated. When I select values for the existing items and then press the button to add a new row, my selected values are getting reset, but without grouping it works fine. Am I doing something wrong or is this a bug?

...

ANSWER

Answered 2020-Dec-04 at 11:19

Set the growing="true" to the sap.m.Table.

This enables GrowingEnablement internally which prevents rerendering the entire ListBase (Table) when the target gets invalidated. Only the necessary item will be then appended to the table.

Generally, in order to optimize the rendering behavior, it's always a good practice to..:

Enable the growing property if the table / list is editable, shrinkable, or expandable.
Add key: to the ListBinding info object to benefit from the Extended Change Detection if the model is a client-side model such as JSONModel. With an ODataModel, the key is automatically added by the framework.

Source https://stackoverflow.com/questions/65142089

QUESTION

OpenUI5: TypeError: this.getAutoPrefixId is not a function

Asked 2020-Nov-10 at 09:30

I'm writing a tiny app on OpenUI5+NodeJS. When I call index.html I've got the following error in browser's console: TypeError: this.getAutoPrefixId is not a function. Top part of stacktrace is following:

...

ANSWER

Answered 2020-Nov-10 at 09:30

The problem was that init function was declared in that way: init => () {}. After convering it to a regular function (I mean init: function (){}) everything became fine.

Source https://stackoverflow.com/questions/64759325

QUESTION

How to find loading bottleneck of a slow-loading SAPUI5 app

Asked 2020-Oct-21 at 10:27

I'm building a custom SAPUI5 app which consists of a seven diagrams (sap.viz.ui5.controls.VizFrame) in the page's header content (nested inside a sap.suite.ui.commons.ChartContainer) and a grid table (sap.ui.table.Table) in the main content area. The data for the charts and the table is provided by an OData V2 Service and the app is running stand-alone on the latest version (1.81.0).

The problem is the long loading time of the app. It takes between 7 and 20 seconds. Is this common for a "more complex" app? I tried to find the bottleneck but everything looks fine. Many network requests are cached (they take 0ms), however, there is a slight delay in between them and I can't see why. Additionally, there is the following warning in the console, although I'm using the data-sap-async="true" in my index.html file:

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/. [syncXHRFix-dbg.js:211:15]

Code snippets of my index.html and manifest.json ...

ANSWER

Answered 2020-Oct-21 at 10:27

As the Network tab shows, there are many modules loading sequentially one by one and many of them even via sync XHR. The most important task is to reduce sync XHRs as much as possible.

I see in the manifest.json that only a small number of libraries are declared. According to the Network tab, however, the app uses controls from other libs which aren't declared in the dependencies.
So it should be:

Source https://stackoverflow.com/questions/63826515

QUESTION

Missing properties when inferring props from component

Asked 2020-Oct-10 at 05:03

So basically, I found myself using this pattern a lot with Material UI to avoid using inline styles or the hook or hoc styling api :

...

ANSWER

Answered 2020-Oct-10 at 05:03

If you ctrl + click in the classes prop when writing a tag, the IDE takes you to the StyledComponentProps interface, so it seems that's the correct interface to extend from:


P extends StyledComponentProps,
But then you'll have a problem with C being never[] type because StyledComponentProps has clasess as an optional prop, this is solved by using Required over P when getting the keys
C extends Array["classes"]>
https://codesandbox.io/s/lively-star-zm7lx?file=/src/App.tsx

Source https://stackoverflow.com/questions/64289441

QUESTION

Element type is invalid: expected a string (for built-in components) or a class/function after webpack build

Asked 2020-Oct-08 at 12:56

I created a simple components library along with Storybook as a playground, used Lerna bootstrap for the symlinks.

This code works fine when I use symlink and Button is rendered:

...

ANSWER

Answered 2020-Oct-08 at 12:56

Found the problem, I was missing in webpack.config output this property:

Source https://stackoverflow.com/questions/64259220

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install ui-core

Test all our components in our Storybook.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: