@progress/kendo-react-buttons 6.1.1 → 7.0.0-develop.2

package/{dist/npm/models → models}/index.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { ChipHandle } from './../Chip/Chip';
 import { ChipListHandle } from './../Chip/ChipList';
 /**

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,20 +1,30 @@
 {
   "name": "@progress/kendo-react-buttons",
-  "version": "6.1.1",
+  "version": "7.0.0-develop.2",
   "description": "All you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.2",
+    "@progress/kendo-react-popup": "7.0.0-develop.2",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/buttons/.*",
-    "build-package": "gulp build-package"
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -27,39 +37,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-react-common": "6.1.1",
-    "@progress/kendo-react-popup": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
-  "devDependencies": {
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-animation": "6.1.1",
-    "@progress/kendo-react-dialogs": "6.1.1",
-    "@progress/kendo-react-dropdowns": "6.1.1",
-    "@progress/kendo-react-form": "6.1.1",
-    "@progress/kendo-react-inputs": "6.1.1",
-    "@progress/kendo-react-intl": "6.1.1",
-    "@progress/kendo-react-labels": "6.1.1",
-    "@progress/kendo-react-layout": "6.1.1",
-    "@progress/kendo-react-ripple": "6.1.1",
-    "@progress/kendo-svg-icons": "^2.0.0"
-  },
   "@progress": {
     "friendlyName": "Buttons",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/{dist/es/toolbar → toolbar}/Toolbar.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
@@ -163,7 +167,7 @@ export declare class Toolbar extends React.Component<ToolbarProps> {
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     private setTabIndex;
     private onKeyDown;
     private focusButton;

package/{dist/es/toolbar → toolbar}/tools/ToolbarItem.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
@@ -34,5 +38,5 @@ export declare class ToolbarItem extends React.PureComponent<ToolbarItemProps> {
     /**
      * @hidden
      */
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/toolbar/tools/ToolbarSeparator.d.ts

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as React from 'react';
+/**
+ * Represents the KendoReact Toolbar Separator component.
+ */
+export interface ToolbarSeparatorProps {
+    /**
+     * Sets additional classes to the ToolbarSeparator component.
+     */
+    className?: string;
+}
+export declare class ToolbarSeparator extends React.PureComponent<ToolbarSeparatorProps> {
+    /**
+     * @hidden
+     */
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/{dist/es/toolbar → toolbar}/tools/ToolbarSpacer.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 /**
  * Represents the props of KendoReact ToolbarSpacer component.

package/{dist/npm/util.d.ts → util.d.ts}

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 /**
  * @hidden
  */

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-buttons&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/Button.js

@@ -1,171 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames, kendoThemeMaps, IconWrap, svgIconPropType } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from './package-metadata';
-/**
- * @hidden
- */
-function iconElement(_a) {
-    var imageUrl = _a.imageUrl, name = _a.name, iconClass = _a.iconClass, svgIcon = _a.svgIcon, imageAlt = _a.imageAlt;
-    if (imageUrl) {
-        return (React.createElement("img", { role: "presentation", className: 'k-button-icon', alt: imageAlt, src: imageUrl }));
-    }
-    else if (name || svgIcon) {
-        return React.createElement(IconWrap, { className: 'k-button-icon', name: name, icon: svgIcon });
-    }
-    else if (iconClass) {
-        return (React.createElement("span", { role: "presentation", className: classNames('k-button-icon', iconClass) }));
-    }
-    return null;
-}
-var Button = /** @class */ (function (_super) {
-    __extends(Button, _super);
-    function Button(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this.handleClick = function (event) {
-            _this.toggleIfApplicable();
-            if (_this.props.onClick) {
-                _this.props.onClick.call(undefined, event);
-            }
-        };
-        validatePackage(packageMetadata);
-        _this.state = { selected: _this.props.togglable === true && _this.props.selected === true };
-        return _this;
-    }
-    Object.defineProperty(Button.prototype, "element", {
-        /**
-         * Gets the DOM element of the Button component.
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Button.prototype, "selected", {
-        /**
-         * Returns `true` when the component is togglable and selected ([see example]({% slug toggleable_button %})).
-         * Otherwise, returns `false`.
-         */
-        get: function () {
-            return this._selectedTemp !== undefined ? this._selectedTemp : this.state.selected;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    Button.getDerivedStateFromProps = function (props, state) {
-        if (props.togglable && props.selected !== undefined && props.selected !== state.selected) {
-            return { selected: props.selected };
-        }
-        return null;
-    };
-    /**
-     * @hidden
-     */
-    Button.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var _b = this.props, children = _b.children, togglable = _b.togglable, icon = _b.icon, iconClass = _b.iconClass, svgIcon = _b.svgIcon, imageUrl = _b.imageUrl, imageAlt = _b.imageAlt, className = _b.className, onClick = _b.onClick, _c = _b.size, size = _c === void 0 ? Button.defaultProps.size : _c, _d = _b.rounded, rounded = _d === void 0 ? Button.defaultProps.rounded : _d, _e = _b.fillMode, fillMode = _e === void 0 ? Button.defaultProps.fillMode : _e, _f = _b.themeColor, themeColor = _f === void 0 ? Button.defaultProps.themeColor : _f, htmlAttributes = __rest(_b, ["children", "togglable", "icon", "iconClass", "svgIcon", "imageUrl", "imageAlt", "className", "onClick", "size", "rounded", "fillMode", "themeColor"]);
-        var hasIcon = (svgIcon !== undefined || icon !== undefined || iconClass !== undefined || imageUrl !== undefined);
-        var hasChildren = children !== undefined;
-        var iconEl = iconElement({
-            name: icon,
-            svgIcon: svgIcon,
-            iconClass: iconClass,
-            imageUrl: imageUrl,
-            imageAlt: imageAlt
-        });
-        return (React.createElement("button", __assign({ ref: function (button) { return _this._element = button; }, "aria-pressed": togglable ? this.state.selected : undefined }, htmlAttributes, { onClick: this.handleClick, className: classNames('k-button', (_a = {},
-                _a["k-button-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
-                _a["k-button-".concat(fillMode)] = fillMode,
-                _a["k-button-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor),
-                _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                _a['k-icon-button'] = !hasChildren && hasIcon,
-                _a['k-disabled'] = this.props.disabled,
-                _a['k-selected'] = this.state.selected,
-                _a['k-rtl'] = this.props.dir === 'rtl',
-                _a), this.props.className) }),
-            iconEl,
-            children && (React.createElement("span", { className: "k-button-text" }, children))));
-    };
-    Button.prototype.toggleIfApplicable = function () {
-        var _this = this;
-        if (this.props.togglable && this.props.selected === undefined) {
-            var selected = !this.state.selected;
-            this._selectedTemp = selected;
-            this.setState({ selected: selected }, function () { return _this._selectedTemp = undefined; });
-        }
-    };
-    /**
-     * @hidden
-     */
-    Button.propTypes = {
-        children: PropTypes.node,
-        selected: PropTypes.bool,
-        togglable: PropTypes.bool,
-        icon: PropTypes.string,
-        svgIcon: svgIconPropType,
-        iconClass: PropTypes.string,
-        imageUrl: PropTypes.string,
-        imageAlt: PropTypes.string,
-        size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-        rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']),
-        fillMode: PropTypes.oneOf([null, 'flat', 'link', 'outline', 'solid']),
-        // eslint-disable-next-line max-len
-        themeColor: PropTypes.oneOf([null, 'base', 'primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'])
-    };
-    /**
-     * @hidden
-     */
-    Button.defaultProps = {
-        togglable: false,
-        size: 'medium',
-        rounded: 'medium',
-        fillMode: 'solid',
-        themeColor: 'base'
-    };
-    return Button;
-}(React.Component));
-export { Button };

package/dist/es/ButtonGroup.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { ButtonGroupInterface } from './ButtonGroupInterface';
-/**
- * Represents the props of the [KendoReact ButtonGroup component]({% slug overview_buttongroup %}).
- */
-export interface ButtonGroupProps extends ButtonGroupInterface {
-    /**
-     * Sets the `className` of the ButtonGroup component.
-     */
-    className?: string;
-}
-export declare class ButtonGroup extends React.Component<ButtonGroupProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[] | null | undefined>>;
-        className: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-    };
-    private _element;
-    constructor(props: ButtonGroupProps);
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    private mapButtons;
-    private renderButton;
-}

package/dist/es/ButtonGroup.js

@@ -1,101 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from './package-metadata';
-import util from './util';
-var styles = util.styles;
-var ButtonGroup = /** @class */ (function (_super) {
-    __extends(ButtonGroup, _super);
-    function ButtonGroup(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        validatePackage(packageMetadata);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    ButtonGroup.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var buttons = this.mapButtons(this.props.children);
-        var groupClasses = classNames([styles['button-group']], (_a = {},
-            _a['k-disabled'] = this.props.disabled,
-            _a[styles['button-group-stretched']] = !!this.props.width,
-            _a), this.props.className);
-        var groupProps = {
-            className: groupClasses,
-            style: { 'width': "".concat(this.props.width) },
-            dir: this.props.dir,
-            // Accessibility properties
-            role: 'group',
-            'aria-disabled': this.props.disabled
-        };
-        return (React.createElement("div", __assign({ ref: function (div) { _this._element = div; } }, groupProps, { className: groupClasses }), buttons));
-    };
-    ButtonGroup.prototype.mapButtons = function (children) {
-        var _this = this;
-        var count = React.Children.count(children);
-        var rtl = this.props.dir !== undefined
-            ? this.props.dir === 'rtl'
-            : (this._element && (getComputedStyle(this._element).direction === 'rtl') || false);
-        return React.Children.map(children, function (child, index) {
-            if (React.isValidElement(child)) {
-                return _this.renderButton(child, index, (index === count - 1), rtl);
-            }
-            return child;
-        });
-    };
-    ButtonGroup.prototype.renderButton = function (child, index, isLast, isRtl) {
-        var _a;
-        var className = classNames(child.props.className, (_a = {},
-            _a[styles['group-start']] = isRtl ? isLast : index === 0,
-            _a[styles['group-end']] = isRtl ? index === 0 : isLast,
-            _a));
-        var style = __assign(__assign({}, (this.props.width ? { width: this.props.width } : {})), (child.props.style || {}));
-        var disabled = this.props.disabled || child.props.disabled;
-        var buttonProps = __assign(__assign(__assign(__assign({}, child.props), (className ? { className: className } : {})), (Object.keys(style).length ? { style: style } : {})), (disabled !== undefined ? { disabled: disabled } : {}));
-        return React.Children.count(child.props.children) > 0 ?
-            React.cloneElement(child, buttonProps, child.props.children) :
-            React.cloneElement(child, buttonProps);
-    };
-    /**
-     * @hidden
-     */
-    ButtonGroup.propTypes = {
-        children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
-        className: PropTypes.string,
-        disabled: PropTypes.bool,
-        width: PropTypes.string,
-        dir: PropTypes.string
-    };
-    return ButtonGroup;
-}(React.Component));
-export { ButtonGroup };

package/dist/es/ButtonGroupInterface.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/ButtonInterface.d.ts

@@ -1,35 +0,0 @@
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * Inherits the native HTML Button. Represents the properties which can be set to a Button.
- */
-export interface ButtonInterface {
-    /**
-     * Specifies if the Button is disabled ([see example]({% slug disabled_button %})). Defaults to `false`.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the selected state of the Button. Can be used for controlled state.
-     */
-    selected?: boolean;
-    /**
-     * Provides visual styling that indicates if the Button is selected ([see example]({% slug toggleable_button %})). Defaults to `false`.
-     */
-    togglable?: boolean;
-    /**
-     * Defines the name for an existing icon in a KendoReact theme ([see example]({% slug icons_button %})). The icon is rendered inside the Button by a `span.k-icon` element.
-     */
-    icon?: string;
-    svgIcon?: SVGIcon;
-    /**
-     * Defines a CSS class—or multiple classes separated by spaces—which are applied to a `span` element inside the Button ([see example]({% slug icons_button %})). Allows the usage of custom icons.
-     */
-    iconClass?: string;
-    /**
-     * Defines a URL which is used as an `img` element inside the Button ([see example]({% slug icons_button %})). The URL can be relative or absolute. If relative, it is evaluated with relation to the URL of the web page.
-     */
-    imageUrl?: string;
-    /**
-     * Defines the alternative text of the image rendered inside the Button component.
-     */
-    imageAlt?: string;
-}

package/dist/es/ButtonInterface.js

@@ -1,3 +0,0 @@
-/* eslint-disable max-len */
-export {};
-// tslint:enable:max-line-length