Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
bmarkov committed Jan 20, 2022
1 parent fb1aab5 commit aaf58fd
Show file tree
Hide file tree
Showing 420 changed files with 27,803 additions and 8,142 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# [Smart UI for React JS](https://www.htmlelements.com/docs/react/)

[![Price](https://img.shields.io/badge/price-COMMERCIAL-0098f7.svg)](https://jqwidgets.com/license/)
[![Price](https://img.shields.io/badge/price-COMMERCIAL-0098f7.svg)](https://jqwidgets.com/license/) | [![Build Status](https://www.travis-ci.com/HTMLElements/Team.svg?token=4VSAagStBB3xmHF2Epxz&branch=master)](https://www.travis-ci.com/HTMLElements/Team)

You can view them online here: https://www.htmlelements.com/demos/.

Enterprise-grade UI Components for React. Smart UI components will help you to build perfect looking web applications. Use the most feature-complete UI components for React and save your time for the business logic. Choose from more than 40 UI components including Grid, Chart, Gantt, Docking Layout, TreeGrid and more. Our product supports native React features
Enterprise-grade UI Components for React. Smart UI components will help you to build perfect looking web applications. Use the most feature-complete UI components for React and save your time for the business logic. Choose from more than 80 UI components including Grid, Pivot Table, Scheduler, Editor, Kanban, Chart, Gantt, Docking Layout, TreeGrid and more. Our product supports native React features


Smart for React is a commercial UI library designed and built for developing business applications with React. All Smart UI components in our React suite are built from the ground-up.
Expand Down
5 changes: 5 additions & 0 deletions button/dropdownbutton.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -141,6 +141,11 @@ export declare class DropDownButton extends React.Component<React.HTMLAttributes
*/
get placeholder(): string;
set placeholder(value: string);
/** Determines the element's placeholder template, displayed in the element's action button container. You can pass 'string', 'function' or HTMLTemplateElement as a value.
* Property type: any
*/
get placeholderTemplate(): any;
set placeholderTemplate(value: any);
/** Disables user interaction with the element.
* Property type: boolean
*/
Expand Down
206 changes: 161 additions & 45 deletions chart/ganttchart.d.ts

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion colorinput/colorinput.esm.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@

import '../source/modules/smart.input';
import '../source/modules/smart.colorinput';

import React from 'react';

Expand Down
2 changes: 1 addition & 1 deletion colorinput/colorinput.umd.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@

require('../source/modules/smart.input');
require('../source/modules/smart.colorinput');

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
Expand Down
501 changes: 501 additions & 0 deletions common/i18n.phonenumbers.min.js

Large diffs are not rendered by default.

144 changes: 144 additions & 0 deletions countryinput/countryinput.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
import React from "react";
import { CountryInputProperties } from "./../index";
import { DropDownButtonPosition } from './../index';
export { CountryInputProperties } from "./../index";
export { DropDownButtonPosition } from './../index';
export declare const Smart: any;
export interface CountryInputProps extends CountryInputProperties {
className?: string;
style?: React.CSSProperties;
onChange?: ((event?: Event) => void) | undefined;
onChanging?: ((event?: Event) => void) | undefined;
onItemClick?: ((event?: Event) => void) | undefined;
onCreate?: ((event?: Event) => void) | undefined;
onReady?: ((event?: Event) => void) | undefined;
}
/**
The Country Input specifies an input field where the user can select a country.
*/
export declare class CountryInput extends React.Component<React.HTMLAttributes<Element> & CountryInputProps, any> {
private _id;
private nativeElement;
private componentRef;
get id(): string;
/** Enables or disables the element.
* Property type: boolean
*/
get disabled(): boolean;
set disabled(value: boolean);
/** Sets additional class names to the Input drop down.
* Property type: any
*/
get dropDownClassList(): any;
set dropDownClassList(value: any);
/** Determines the position of the drop down button.
* Property type: DropDownButtonPosition
*/
get dropDownButtonPosition(): DropDownButtonPosition;
set dropDownButtonPosition(value: DropDownButtonPosition);
/** Sets the height of the drop down. By default it's set to an empty string. In this case the height of the drop down is controlled by a CSS variable.
* Property type: string | number
*/
get dropDownHeight(): string | number;
set dropDownHeight(value: string | number);
/** Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable.
* Property type: string | number
*/
get dropDownWidth(): string | number;
set dropDownWidth(value: string | number);
/** Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form.
* Property type: string
*/
get name(): string;
set name(value: string);
/** Determines whether the drop down is opened or not.
* Property type: boolean
*/
get opened(): boolean;
set opened(value: boolean);
/** Sets or gets an array of country codes which will be used instead of the default one with all countries. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2).
* Property type: any
*/
get onlyCountries(): any;
set onlyCountries(value: any);
/** Determines the placeholder of the input.
* Property type: string
*/
get placeholder(): string;
set placeholder(value: string);
/** Sets or gets the selected country of the element. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2).
* Property type: string
*/
get selectedCountry(): string;
set selectedCountry(value: string);
/** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
* Property type: boolean
*/
get rightToLeft(): boolean;
set rightToLeft(value: boolean);
/** Determines the theme for the element. Themes define the look of the elements.
* Property type: string
*/
get theme(): string;
set theme(value: string);
/** If is set to true, the element cannot be focused.
* Property type: boolean
*/
get unfocusable(): boolean;
set unfocusable(value: boolean);
/** Sets or gets the value of the element.
* Property type: string
*/
get value(): string;
set value(value: string);
get properties(): string[];
/** This event is triggered when the selection is changed.
* @param event. The custom event. Custom event was created with: event.detail( label, oldLabel, oldValue, value)
* label - The label of the new selected item.
* oldLabel - The label of the item that was previously selected before the event was triggered.
* oldValue - The value of the item that was previously selected before the event was triggered.
* value - The value of the new selected item.
*/
onChange?: ((event?: Event) => void) | undefined;
/** This event is triggered on each key up event of the Input, if the value is changed.
* @param event. The custom event. Custom event was created with: event.detail( oldValue, value)
* oldValue - The previous value before it was changed.
* value - The new value.
*/
onChanging?: ((event?: Event) => void) | undefined;
/** This event is triggered when the user clicks on an item from the popup list.
* @param event. The custom event. Custom event was created with: event.detail( item, label, value)
* item - The item that was clicked.
* label - The label of the item that was clicked.
* value - The value of the item that was clicked.
*/
onItemClick?: ((event?: Event) => void) | undefined;
/** This event occurs, when the React component is created.
* @param event. The custom event. */
onCreate?: ((event?: Event) => void) | undefined;
/** This event occurs, when the React component is completely rendered.
* @param event. The custom event. */
onReady?: ((event?: Event) => void) | undefined;
get eventListeners(): string[];
/** Closes the drop down.
*/
close(): void;
/** Ensures that the active ( selected ) item is always visible.
*/
ensureVisible(): void;
/** Opens the drop down.
*/
open(): void;
/** Selects the text inside the input or if it is readonly then the element is focused.
*/
select(): void;
constructor(props: any);
componentDidRender(initialize: boolean): void;
componentDidMount(): void;
componentDidUpdate(): void;
componentWillUnmount(): void;
render(): React.ReactElement<{
ref: any;
}, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
}
export default CountryInput;
Loading

0 comments on commit aaf58fd

Please sign in to comment.