@progress/kendo-react-labels 6.1.1-dev.202311151536 → 7.0.0-develop.1

package/dist/npm/Hint.d.ts

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-/**
- * Represents the props of the KendoReact Hint component.
- */
-export interface HintProps {
-    /**
-     * Represents the id of the Hint element.
-     * The value should be set to the editor `ariaDescribedBy` property.
-     */
-    id?: string;
-    /**
-     * Spcifies the alignment of the Hint text.
-     *
-     * The possible values are:
-     * *(Default) `start`
-     * * `end`
-     */
-    direction?: 'start' | 'end';
-    /**
-     * @hidden
-     */
-    children: any;
-    /**
-     * The styles that are applied to the Hint.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets a class of the Hint DOM element.
-     */
-    className?: string;
-    /**
-     * Specifies if the editor is disabled.
-     */
-    editorDisabled?: boolean;
-}
-/**
- * Represents the KendoReact Hint component.
- * Render the hint text that will be shown underneath the form editor.
- */
-export declare const Hint: {
-    (props: HintProps): JSX.Element;
-    propTypes: {
-        id: PropTypes.Requireable<string>;
-        direction: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        editorDisabled: PropTypes.Requireable<boolean>;
-    };
-    displayName: string;
-};

package/dist/npm/Hint.js

@@ -1,47 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hint = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./package-metadata");
-/**
- * Represents the KendoReact Hint component.
- * Render the hint text that will be shown underneath the form editor.
- */
-var Hint = function (props) {
-    var combinedProps = __assign({ direction: 'start' }, props);
-    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    var hintClassName = (0, kendo_react_common_1.classNames)({
-        'k-form-hint': true,
-        'k-text-start': combinedProps.direction === 'start',
-        'k-text-end': combinedProps.direction === 'end',
-        'k-text-disabled': combinedProps.editorDisabled === true
-    }, combinedProps.className);
-    return (React.createElement("div", { id: combinedProps.id, style: combinedProps.style, className: hintClassName }, combinedProps.children));
-};
-exports.Hint = Hint;
-exports.Hint.propTypes = {
-    id: PropTypes.string,
-    direction: PropTypes.oneOf(['start', 'end']),
-    children: PropTypes.oneOfType([
-        PropTypes.element,
-        PropTypes.node
-    ]),
-    style: PropTypes.object,
-    className: PropTypes.string,
-    editorDisabled: PropTypes.bool
-};
-exports.Hint.displayName = 'KendoReactHint';

package/dist/npm/Label.d.ts

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-/**
- * Represents the props of the KendoReact Label component.
- */
-export interface LabelProps {
-    /**
-     * Represents the id of the label element.
-     * The value should be set to the editor `ariaLabelledBy` property.
-     * Can be used when the editor is not containing native form element.
-     */
-    id?: string;
-    /**
-     * The id of the editor.
-     * Represent the [`htmlFor`](https://reactjs.org/docs/dom-elements.html#htmlfor) property, which will be set to the `label` element.
-     */
-    editorId?: string;
-    /**
-     * An optional React ref to the editor.
-     * Used to redirect the click event to the editor when it does not contain native form element.
-     * To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
-     */
-    editorRef?: any;
-    /**
-     * The text that will be rendered inside the label element.
-     * Can be omitted for editors without label to keep form layout.
-     */
-    children?: any;
-    /**
-     * Specifies the validity of the editor. Used to define the editor is invalid.
-     */
-    editorValid?: boolean;
-    /**
-     * Specifies if the editor is disabled.
-     */
-    editorDisabled?: boolean;
-    /**
-     * If enabled marks the label as optional.
-     */
-    optional?: boolean;
-    /**
-     * The styles that are applied to the Label.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets a class of the Label DOM element.
-     */
-    className?: string;
-}
-/**
- * Represents the KendoReact Label component.
- *
- * @example
- * ```jsx
- * const sizes = ["X-Small", "Small", "Medium", "Large", "X-Large", "2X-Large"];
- * const App = () => {
- *     const ddlRef = React.useRef(null);
- *     const labelId = 'ddl-sizes-label';
- *     const editorId = 'ddl-sizes';
- *
- *     return (
- *         <div>
- *             <Label id={labelId} editorId={editorId} editorRef={ddlRef}>
- *                 Shirt Size:
- *             </Label>
- *             <DropDownList
- *                 ref={ddlRef}
- *                 id={editorId}
- *                 ariaLabelledBy={labelId}
- *                 data={sizes}
- *             />
- *             <br />
- *         </div>
- *     );
- * };
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const Label: {
-    (props: LabelProps): JSX.Element;
-    propTypes: {
-        id: PropTypes.Requireable<string>;
-        editorId: PropTypes.Requireable<string>;
-        editorRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
-            current: PropTypes.Requireable<any>;
-        }> | null | undefined>>;
-        editorValid: PropTypes.Requireable<boolean>;
-        editorDisabled: PropTypes.Requireable<boolean>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        optional: PropTypes.Requireable<boolean>;
-    };
-    displayName: string;
-};

package/dist/npm/Label.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var messages_1 = require("./messages");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./package-metadata");
-/**
- * Represents the KendoReact Label component.
- *
- * @example
- * ```jsx
- * const sizes = ["X-Small", "Small", "Medium", "Large", "X-Large", "2X-Large"];
- * const App = () => {
- *     const ddlRef = React.useRef(null);
- *     const labelId = 'ddl-sizes-label';
- *     const editorId = 'ddl-sizes';
- *
- *     return (
- *         <div>
- *             <Label id={labelId} editorId={editorId} editorRef={ddlRef}>
- *                 Shirt Size:
- *             </Label>
- *             <DropDownList
- *                 ref={ddlRef}
- *                 id={editorId}
- *                 ariaLabelledBy={labelId}
- *                 data={sizes}
- *             />
- *             <br />
- *         </div>
- *     );
- * };
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-var Label = function (props) {
-    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    var id = props.id, editorId = props.editorId, editorRef = props.editorRef, editorDisabled = props.editorDisabled, children = props.children, editorValid = props.editorValid, style = props.style, className = props.className, optional = props.optional;
-    var localizationService = (0, kendo_react_intl_1.useLocalization)();
-    var localizedOptional = optional ? localizationService
-        .toLanguageString(messages_1.labelsOptional, messages_1.messages[messages_1.labelsOptional]) : '';
-    var optionalElement = localizedOptional && (React.createElement("span", { className: 'k-label-optional' }, localizedOptional));
-    var onLabelClick = React.useCallback(function (e) {
-        if (editorRef && editorRef.current && !editorDisabled) {
-            if (editorRef.current.focus) {
-                e.preventDefault();
-                editorRef.current.focus();
-            }
-            var editorActionElement = editorRef.current.actionElement;
-            if (editorActionElement) {
-                e.preventDefault();
-                editorActionElement.click();
-            }
-        }
-    }, [editorRef]);
-    var labelClassName = (0, kendo_react_common_1.classNames)({
-        'k-label': true,
-        'k-label-empty': !children,
-        'k-text-error': editorValid === false,
-        'k-text-disabled': editorDisabled === true
-    }, className);
-    return (React.createElement("label", { id: id, htmlFor: editorId, onClick: onLabelClick, style: style, className: labelClassName },
-        children,
-        optionalElement));
-};
-exports.Label = Label;
-exports.Label.propTypes = {
-    id: PropTypes.string,
-    editorId: PropTypes.string,
-    editorRef: PropTypes.oneOfType([
-        PropTypes.func,
-        PropTypes.shape({ current: PropTypes.any })
-    ]),
-    editorValid: PropTypes.bool,
-    editorDisabled: PropTypes.bool,
-    style: PropTypes.object,
-    className: PropTypes.string,
-    optional: PropTypes.bool
-};
-exports.Label.displayName = 'KendoReactLabel';

package/dist/npm/main.d.ts

@@ -1,5 +0,0 @@
-import { Label, LabelProps } from './Label';
-import { Error, ErrorProps } from './Error';
-import { Hint, HintProps } from './Hint';
-import { FloatingLabel, FloatingLabelProps } from './FloatingLabel';
-export { FloatingLabel, FloatingLabelProps, Label, LabelProps, Error, ErrorProps, Hint, HintProps };

package/dist/npm/main.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hint = exports.Error = exports.Label = exports.FloatingLabel = void 0;
-var Label_1 = require("./Label");
-Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
-var Error_1 = require("./Error");
-Object.defineProperty(exports, "Error", { enumerable: true, get: function () { return Error_1.Error; } });
-var Hint_1 = require("./Hint");
-Object.defineProperty(exports, "Hint", { enumerable: true, get: function () { return Hint_1.Hint; } });
-var FloatingLabel_1 = require("./FloatingLabel");
-Object.defineProperty(exports, "FloatingLabel", { enumerable: true, get: function () { return FloatingLabel_1.FloatingLabel; } });

package/dist/npm/messages/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export declare const labelsOptional = "labels.optional";
-/**
- * @hidden
- */
-export declare const messages: {
-    "labels.optional": string;
-};

package/dist/npm/messages/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.labelsOptional = void 0;
-/**
- * @hidden
- */
-exports.labelsOptional = 'labels.optional';
-/**
- * @hidden
- */
-exports.messages = (_a = {},
-    _a[exports.labelsOptional] = '(Optional)',
-    _a);

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-react-labels',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700060084,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/systemjs/kendo-react-labels.js

@@ -1 +0,0 @@
-System.register("@progress/kendo-react-labels",["@progress/kendo-react-common","@progress/kendo-react-intl","prop-types","react"],function(e,t){var c={},d={},u={},p={};return Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(u,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){u[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})}],execute:function(){e((()=>{"use strict";var r={883:function(e,t,r){var a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=(Object.defineProperty(t,"__esModule",{value:!0}),t.Error=void 0,r(954)),n=r(895),i=r(811),l=r(811),s=r(363);t.Error=function(e){var e=a({direction:"start"},e),t=((0,l.validatePackage)(s.packageMetadata),(0,i.classNames)({"k-form-error":!0,"k-text-start":"start"===e.direction,"k-text-end":"end"===e.direction},e.className));return o.createElement("div",{id:e.id,role:"alert",style:e.style,className:t},e.children)},t.Error.propTypes={id:n.string,direction:n.oneOf(["start","end"]),children:n.oneOfType([n.element,n.node]),style:n.object,className:n.string},t.Error.displayName="KendoReactError"},669:function(e,t,r){var a,o,n=this&&this.__extends||(a=function(e,t){return(a=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),p=(Object.defineProperty(t,"__esModule",{value:!0}),t.FloatingLabel=void 0,r(954)),i=r(895),b=r(811),f=r(987),m=r(364),l=r(811),s=r(363),r=(o=p.Component,n(c,o),c.prototype.render=function(){var e=this.props,t=e.label,r=e.editorId,a=e.className,o=e.labelClassName,n=e.editorValue,i=e.editorPlaceholder,l=e.editorValid,s=e.editorDisabled,c=e.style,d=e.id,e=e.optional,u=(0,f.provideLocalizationService)(this),e=e?u.toLanguageString(m.labelsOptional,m.messages[m.labelsOptional]):"",u=e&&p.createElement("span",{className:"k-label-optional"},e),e=(0,b.classNames)({"k-floating-label-container":!0,"k-focus":this.state.focused,"k-empty":!i&&!n&&0!==n,"k-text-disabled":s,"k-rtl":"rtl"===this.props.dir},a),i=(0,b.classNames)({"k-label":!0,"k-text-error":!1===l,"k-text-disabled":s},o);return p.createElement("span",{id:this.props.id,className:e,onFocus:this.handleFocus,onBlur:this.handleBlur,style:c,dir:this.props.dir},this.props.children,t?r?p.createElement("label",{id:d,htmlFor:r,className:i},t,u):p.createElement("span",{id:d,className:i},t,u):null)},c.propTypes={label:i.string,editorId:i.string,editorValue:i.oneOfType([i.string,i.bool,i.number]),editorPlaceholder:i.string,editorValid:i.bool,editorDisabled:i.bool,id:i.string,style:i.object,className:i.string,labelClassName:i.string,optional:i.bool},c);function c(e){var t=o.call(this,e)||this;return t.state={focused:!1},t.handleFocus=function(e){t.setState({focused:!0})},t.handleBlur=function(e){t.setState({focused:!1})},(0,l.validatePackage)(s.packageMetadata),t}t.FloatingLabel=r,(0,f.registerForLocalization)(r)},419:function(e,t,r){var a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=(Object.defineProperty(t,"__esModule",{value:!0}),t.Hint=void 0,r(954)),n=r(895),i=r(811),l=r(811),s=r(363);t.Hint=function(e){var e=a({direction:"start"},e),t=((0,l.validatePackage)(s.packageMetadata),(0,i.classNames)({"k-form-hint":!0,"k-text-start":"start"===e.direction,"k-text-end":"end"===e.direction,"k-text-disabled":!0===e.editorDisabled},e.className));return o.createElement("div",{id:e.id,style:e.style,className:t},e.children)},t.Hint.propTypes={id:n.string,direction:n.oneOf(["start","end"]),children:n.oneOfType([n.element,n.node]),style:n.object,className:n.string,editorDisabled:n.bool},t.Hint.displayName="KendoReactHint"},848:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Label=void 0;var d=r(954),a=r(895),u=r(811),p=r(364),b=r(987),f=r(811),m=r(363);t.Label=function(e){(0,f.validatePackage)(m.packageMetadata);var t=e.id,r=e.editorId,a=e.editorRef,o=e.editorDisabled,n=e.children,i=e.editorValid,l=e.style,s=e.className,e=e.optional,c=(0,b.useLocalization)(),e=e?c.toLanguageString(p.labelsOptional,p.messages[p.labelsOptional]):"",c=e&&d.createElement("span",{className:"k-label-optional"},e),e=d.useCallback(function(e){var t;a&&a.current&&!o&&(a.current.focus&&(e.preventDefault(),a.current.focus()),t=a.current.actionElement)&&(e.preventDefault(),t.click())},[a]),i=(0,u.classNames)({"k-label":!0,"k-label-empty":!n,"k-text-error":!1===i,"k-text-disabled":!0===o},s);return d.createElement("label",{id:t,htmlFor:r,onClick:e,style:l,className:i},n,c)},t.Label.propTypes={id:a.string,editorId:a.string,editorRef:a.oneOfType([a.func,a.shape({current:a.any})]),editorValid:a.bool,editorDisabled:a.bool,style:a.object,className:a.string,optional:a.bool},t.Label.displayName="KendoReactLabel"},364:(e,t)=>{var r;Object.defineProperty(t,"__esModule",{value:!0}),t.messages=t.labelsOptional=void 0,t.labelsOptional="labels.optional",t.messages=((r={})[t.labelsOptional]="(Optional)",r)},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-labels",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700060084,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},811:e=>{e.exports=c},987:e=>{e.exports=d},895:e=>{e.exports=u},954:e=>{e.exports=p}},a={};function o(e){var t=a[e];return void 0!==t||(t=a[e]={exports:{}},r[e].call(t.exports,t,t.exports,o)),t.exports}var e,t,n,i,l,s={};return e=s,Object.defineProperty(e,"__esModule",{value:!0}),e.Hint=e.Error=e.Label=e.FloatingLabel=void 0,t=o(848),Object.defineProperty(e,"Label",{enumerable:!0,get:function(){return t.Label}}),n=o(883),Object.defineProperty(e,"Error",{enumerable:!0,get:function(){return n.Error}}),i=o(419),Object.defineProperty(e,"Hint",{enumerable:!0,get:function(){return i.Hint}}),l=o(669),Object.defineProperty(e,"FloatingLabel",{enumerable:!0,get:function(){return l.FloatingLabel}}),s})())}}});

package/e2e-next/error.basic.tests.ts

@@ -1,23 +0,0 @@
-import { Browser, By } from '@progress/kendo-e2e';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/error/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  expect(await browser.isVisible(By.css('.k-form-error'))).toBe(true);
-});

package/e2e-next/floatinglabel.basic.tests.ts

@@ -1,24 +0,0 @@
-import { Browser } from '@progress/kendo-e2e';
-import { LOCATORS } from '../../../e2eUtils/const';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/floatinglabel/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  expect(await browser.isVisible(LOCATORS.LABEL)).toBe(true);
-});

package/e2e-next/hint.basic.tests.ts

@@ -1,23 +0,0 @@
-import { Browser, By } from '@progress/kendo-e2e';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/hint/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  expect(await browser.isVisible(By.css('.k-form-hint'))).toBe(true);
-});

package/e2e-next/label.basic.tests.ts

@@ -1,24 +0,0 @@
-import { Browser } from '@progress/kendo-e2e';
-import { LOCATORS } from '../../../e2eUtils/const';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/label/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  expect(await browser.isVisible(LOCATORS.LABEL)).toBe(true);
-});