@limetech/lime-elements 37.58.0 → 37.59.0

package/dist/collection/components/form/fields/schema-field.js

@@ -5,6 +5,7 @@ import { isEmpty, capitalize } from 'lodash-es';
 import { resetDependentFields } from './field-helpers';
 import { FieldTemplate } from '../templates';
 import { getHelpComponent } from '../help';
+import { TimePicker } from '../widgets/time-picker';
 /**
  * If given a value and schema, check if the value should be translated
  * from null to undefined to avoid issues with validation
@@ -179,6 +180,9 @@ export class SchemaField extends React.Component {
       return this.renderCustomComponent(this.props);
     }
     const fieldProps = Object.assign(Object.assign({}, this.props), { onChange: this.handleChange });
+    if (this.props.schema.format === 'time') {
+      fieldProps.uiSchema = Object.assign({ 'ui:widget': TimePicker }, fieldProps.uiSchema);
+    }
     return React.createElement(JSONSchemaField, fieldProps);
   }
   /**

package/dist/collection/components/form/fields/schema-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema-field.js","sourceRoot":"","sources":["../../../../src/components/form/fields/schema-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { LimeElementsAdapter } from '../adapters';\nimport JSONSchemaField from '@rjsf/core/lib/components/fields/SchemaField';\nimport React from 'react';\nimport { FieldProps } from './types';\nimport { isEmpty, capitalize } from 'lodash-es';\nimport { resetDependentFields } from './field-helpers';\nimport { FieldTemplate } from '../templates';\nimport { getHelpComponent } from '../help';\nimport { FormSchema } from '../form.types';\n\n/**\n * If given a value and schema, check if the value should be translated\n * from null to undefined to avoid issues with validation\n *\n * This function needs to be used for several reasons:\n * 1. CustomEvent does not allow `detail` to equal `undefined`, but we can call onChange with `undefined` in React\n * 2. `null` is treated as a valid value in a jsonschema and with marshmallow and it has its own type (null)\n * 3. Without changing `null` to `undefined` there would be no way to remove a field from\n * from the submitted form data once it had any data. (when POSTing, undefined is not posted since its not valid json)\n * 4. The only applies to custom web components since widgets handle transforming null/'' to undefined depending on the widget\n * and its purpose.\n *\n * Example:\n * If I have an object `{ name?: string, email?: string }` that I am using a custom web component for `name`,\n * then initially, the formData will be `{}` which is fine because neither name or email are required. Then if i input a\n * value for name the formData will be `{ name: 'some_value' }` which is also fine. But then if I want to remove name\n * from the form data I would delete all the text from the name input field. Web components would emit this empty value\n * as '' or null. If the web component tries to emit `undefined`, null would be emitted instead because CustomEvent has\n * a default `detail` value of null\n *\n * @param value - the value associated with the schema\n * @param schema - the schema for the value\n * @returns whether or not null should be changed to undefined\n */\nconst shouldChangeToUndefined = (value, schema): boolean => {\n    return value === null && !schema.type.includes('null');\n};\n\nconst hasCustomComponent = (schema): boolean => {\n    const name = schema.lime?.component?.name;\n    if (!name) {\n        return false;\n    }\n\n    try {\n        verifyCustomComponentIsDefined(name);\n    } catch {\n        // eslint-disable-next-line no-console\n        console.warn(`Custom component ${name} not defined`);\n\n        return false;\n    }\n\n    return true;\n};\n\nconst verifyCustomComponentIsDefined = (elementName): void => {\n    const supportsCustomElements = 'customElements' in window;\n\n    if (!supportsCustomElements) {\n        throw new Error(\n            'Custom form elements are not supported by this browser!',\n        );\n    }\n\n    if (!customElements.get(elementName)) {\n        throw new Error(`Custom form element '${elementName}' is not defined!`);\n    }\n};\n\nconst getCustomComponent = (\n    schema,\n): { name: string; props: { [key: string]: any } } => {\n    const name = schema.lime?.component?.name;\n    const props = schema.lime?.component?.props || {};\n\n    return { name: name, props: props };\n};\n\n/**\n * Create properties from the factory that is set on `limel-form`\n *\n * @param formContext - the form context\n * @param schema - the schema for the current field\n * @returns the properties created by the factory\n */\nexport function getFactoryProps(\n    formContext: any,\n    schema: FormSchema,\n): Record<string, any> {\n    const factory: (schema: FormSchema) => Record<string, any> =\n        formContext.propsFactory;\n    if (typeof factory !== 'function') {\n        return {};\n    }\n\n    const props = factory(schema);\n    if (!props) {\n        return {};\n    }\n\n    return props;\n}\n\nexport class SchemaField extends React.Component<FieldProps> {\n    state = {\n        modified: false,\n    };\n\n    constructor(props) {\n        super(props);\n        this.handleChange = this.handleChange.bind(this);\n        this.handleCustomComponentChange =\n            this.handleCustomComponentChange.bind(this);\n    }\n\n    private hasValue() {\n        const value = this.getValue();\n        if (!value) {\n            return false;\n        }\n\n        if (Array.isArray(value)) {\n            return !!value.length;\n        }\n\n        if (typeof value === 'object') {\n            return !isEmpty(value);\n        }\n\n        return true;\n    }\n\n    private getLabel() {\n        const { schema } = this.props;\n\n        return schema.title;\n    }\n\n    private isInvalid() {\n        const { modified } = this.state;\n        const { errorSchema } = this.props;\n\n        return (\n            (modified || this.hasValue() || !this.isRequired()) &&\n            !isEmpty(errorSchema)\n        );\n    }\n\n    private isRequired() {\n        const { required, schema } = this.props;\n\n        return required || schema.minItems > 0;\n    }\n\n    private getHelperText() {\n        const { errorSchema, schema } = this.props;\n\n        if (!this.isInvalid()) {\n            const helperText = schema.lime?.component?.props?.helperText;\n\n            return helperText || schema.description;\n        }\n\n        if (!isEmpty(errorSchema) && '__errors' in errorSchema) {\n            return capitalize(errorSchema.__errors[0]); // eslint-disable-line no-underscore-dangle\n        }\n\n        return schema.description;\n    }\n\n    private getValue() {\n        const { formData } = this.props;\n\n        return formData;\n    }\n\n    private handleCustomComponentChange(event) {\n        const { schema } = this.props;\n        event.stopPropagation();\n\n        let value = event.detail;\n\n        if (shouldChangeToUndefined(value, schema)) {\n            value = undefined;\n        }\n\n        this.handleChange(value);\n    }\n\n    private handleChange(data) {\n        const { formData, schema } = this.props;\n        const { rootSchema } = this.props.registry;\n\n        this.setState({ modified: true });\n\n        const newData = resetDependentFields(\n            formData,\n            data,\n            schema,\n            rootSchema,\n        );\n\n        this.props.onChange(newData);\n    }\n\n    private buildCustomComponentProps() {\n        const {\n            disabled,\n            readonly,\n            name,\n            registry,\n            schema,\n            errorSchema,\n            idSchema,\n        } = this.props;\n        const factoryProps = getFactoryProps(registry.formContext, schema);\n\n        return {\n            ...factoryProps,\n            value: this.getValue(),\n            required: this.isRequired(),\n            readonly: readonly || schema.readOnly,\n            disabled: disabled,\n            invalid: this.isInvalid(),\n            label: this.getLabel(),\n            helperText: this.getHelperText(),\n            formInfo: {\n                schema: schema,\n                rootSchema: registry.formContext.schema,\n                errorSchema: errorSchema,\n                rootValue: registry.formContext.rootValue,\n                name: name,\n                schemaPath: this.getSchemaPath(idSchema?.$id),\n            },\n        };\n    }\n\n    private renderCustomComponent(props: FieldProps) {\n        const { name, props: userDefinedComponentProps } = getCustomComponent(\n            props.schema,\n        );\n\n        verifyCustomComponentIsDefined(name);\n\n        const component = React.createElement(LimeElementsAdapter, {\n            name: name,\n            elementProps: {\n                ...userDefinedComponentProps,\n                ...this.buildCustomComponentProps(),\n            },\n            events: {\n                change: this.handleCustomComponentChange,\n            },\n        });\n\n        return React.createElement(\n            FieldTemplate,\n            {\n                ...this.props,\n                classNames: 'form-group field field-custom',\n            },\n            component,\n            getHelpComponent(props.schema),\n        );\n    }\n\n    render() {\n        if (hasCustomComponent(this.props.schema)) {\n            return this.renderCustomComponent(this.props);\n        }\n\n        const fieldProps = {\n            ...this.props,\n            onChange: this.handleChange,\n        };\n\n        return React.createElement(JSONSchemaField, fieldProps);\n    }\n\n    /**\n     * Gets the path to the current property within the schema\n     *\n     * @param schemaId - the id of the schema\n     * @returns an array with the schema path for the current property\n     * @example\n     * const schemaId = 'root_sections_0_controls_0_name';\n     * const schemaPath = getSchemaPath(schemaId);\n     * // ➡ ['sections', '0', 'controls', '0', 'name']\n     */\n    private getSchemaPath(schemaId: string): string[] {\n        if (schemaId === undefined) {\n            return undefined;\n        }\n\n        return schemaId.replace('root_', '').split('_');\n    }\n}\n"]}
+{"version":3,"file":"schema-field.js","sourceRoot":"","sources":["../../../../src/components/form/fields/schema-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAW,EAAE;EACvD,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAW,EAAE;;EAC3C,MAAM,IAAI,GAAG,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,0CAAE,IAAI,CAAC;EAC1C,IAAI,CAAC,IAAI,EAAE;IACP,OAAO,KAAK,CAAC;GAChB;EAED,IAAI;IACA,8BAA8B,CAAC,IAAI,CAAC,CAAC;GACxC;EAAC,WAAM;IACJ,sCAAsC;IACtC,OAAO,CAAC,IAAI,CAAC,oBAAoB,IAAI,cAAc,CAAC,CAAC;IAErD,OAAO,KAAK,CAAC;GAChB;EAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,8BAA8B,GAAG,CAAC,WAAW,EAAQ,EAAE;EACzD,MAAM,sBAAsB,GAAG,gBAAgB,IAAI,MAAM,CAAC;EAE1D,IAAI,CAAC,sBAAsB,EAAE;IACzB,MAAM,IAAI,KAAK,CACX,yDAAyD,CAC5D,CAAC;GACL;EAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;IAClC,MAAM,IAAI,KAAK,CAAC,wBAAwB,WAAW,mBAAmB,CAAC,CAAC;GAC3E;AACL,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACvB,MAAM,EACyC,EAAE;;EACjD,MAAM,IAAI,GAAG,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,0CAAE,IAAI,CAAC;EAC1C,MAAM,KAAK,GAAG,CAAA,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,0CAAE,KAAK,KAAI,EAAE,CAAC;EAElD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC3B,WAAgB,EAChB,MAAkB;EAElB,MAAM,OAAO,GACT,WAAW,CAAC,YAAY,CAAC;EAC7B,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;IAC/B,OAAO,EAAE,CAAC;GACb;EAED,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;EAC9B,IAAI,CAAC,KAAK,EAAE;IACR,OAAO,EAAE,CAAC;GACb;EAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAqB;EAKxD,YAAY,KAAK;IACb,KAAK,CAAC,KAAK,CAAC,CAAC;IALjB,UAAK,GAAG;MACJ,QAAQ,EAAE,KAAK;KAClB,CAAC;IAIE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,IAAI,CAAC,2BAA2B;MAC5B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACpD,CAAC;EAEO,QAAQ;IACZ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC9B,IAAI,CAAC,KAAK,EAAE;MACR,OAAO,KAAK,CAAC;KAChB;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;MACtB,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;KACzB;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;MAC3B,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KAC1B;IAED,OAAO,IAAI,CAAC;EAChB,CAAC;EAEO,QAAQ;IACZ,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAE9B,OAAO,MAAM,CAAC,KAAK,CAAC;EACxB,CAAC;EAEO,SAAS;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAChC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAEnC,OAAO,CACH,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;MACnD,CAAC,OAAO,CAAC,WAAW,CAAC,CACxB,CAAC;EACN,CAAC;EAEO,UAAU;IACd,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAExC,OAAO,QAAQ,IAAI,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;EAC3C,CAAC;EAEO,aAAa;;IACjB,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAE3C,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;MACnB,MAAM,UAAU,GAAG,MAAA,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,UAAU,CAAC;MAE7D,OAAO,UAAU,IAAI,MAAM,CAAC,WAAW,CAAC;KAC3C;IAED,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,UAAU,IAAI,WAAW,EAAE;MACpD,OAAO,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,2CAA2C;KAC1F;IAED,OAAO,MAAM,CAAC,WAAW,CAAC;EAC9B,CAAC;EAEO,QAAQ;IACZ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAEhC,OAAO,QAAQ,CAAC;EACpB,CAAC;EAEO,2BAA2B,CAAC,KAAK;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IAEzB,IAAI,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE;MACxC,KAAK,GAAG,SAAS,CAAC;KACrB;IAED,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;EAC7B,CAAC;EAEO,YAAY,CAAC,IAAI;IACrB,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IACxC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAElC,MAAM,OAAO,GAAG,oBAAoB,CAChC,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,UAAU,CACb,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;EACjC,CAAC;EAEO,yBAAyB;IAC7B,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,GACX,GAAG,IAAI,CAAC,KAAK,CAAC;IACf,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAEnE,uCACO,YAAY,KACf,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,EAC3B,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,EACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,EAChC,QAAQ,EAAE;QACN,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM;QACvC,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,SAAS;QACzC,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC;OAChD,IACH;EACN,CAAC;EAEO,qBAAqB,CAAC,KAAiB;IAC3C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,yBAAyB,EAAE,GAAG,kBAAkB,CACjE,KAAK,CAAC,MAAM,CACf,CAAC;IAEF,8BAA8B,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;MACvD,IAAI,EAAE,IAAI;MACV,YAAY,kCACL,yBAAyB,GACzB,IAAI,CAAC,yBAAyB,EAAE,CACtC;MACD,MAAM,EAAE;QACJ,MAAM,EAAE,IAAI,CAAC,2BAA2B;OAC3C;KACJ,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,aAAa,CACtB,aAAa,kCAEN,IAAI,CAAC,KAAK,KACb,UAAU,EAAE,+BAA+B,KAE/C,SAAS,EACT,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,CACjC,CAAC;EACN,CAAC;EAED,MAAM;IACF,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;MACvC,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjD;IAED,MAAM,UAAU,mCACT,IAAI,CAAC,KAAK,KACb,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC9B,CAAC;IAEF,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,EAAE;MACrC,UAAU,CAAC,QAAQ,mBACf,WAAW,EAAE,UAAU,IACpB,UAAU,CAAC,QAAQ,CACzB,CAAC;KACL;IAED,OAAO,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;EAC5D,CAAC;EAED;;;;;;;;;KASG;EACK,aAAa,CAAC,QAAgB;IAClC,IAAI,QAAQ,KAAK,SAAS,EAAE;MACxB,OAAO,SAAS,CAAC;KACpB;IAED,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;EACpD,CAAC;CACJ","sourcesContent":["import { LimeElementsAdapter } from '../adapters';\nimport JSONSchemaField from '@rjsf/core/lib/components/fields/SchemaField';\nimport React from 'react';\nimport { FieldProps } from './types';\nimport { isEmpty, capitalize } from 'lodash-es';\nimport { resetDependentFields } from './field-helpers';\nimport { FieldTemplate } from '../templates';\nimport { getHelpComponent } from '../help';\nimport { FormSchema } from '../form.types';\nimport { TimePicker } from '../widgets/time-picker';\n\n/**\n * If given a value and schema, check if the value should be translated\n * from null to undefined to avoid issues with validation\n *\n * This function needs to be used for several reasons:\n * 1. CustomEvent does not allow `detail` to equal `undefined`, but we can call onChange with `undefined` in React\n * 2. `null` is treated as a valid value in a jsonschema and with marshmallow and it has its own type (null)\n * 3. Without changing `null` to `undefined` there would be no way to remove a field from\n * from the submitted form data once it had any data. (when POSTing, undefined is not posted since its not valid json)\n * 4. The only applies to custom web components since widgets handle transforming null/'' to undefined depending on the widget\n * and its purpose.\n *\n * Example:\n * If I have an object `{ name?: string, email?: string }` that I am using a custom web component for `name`,\n * then initially, the formData will be `{}` which is fine because neither name or email are required. Then if i input a\n * value for name the formData will be `{ name: 'some_value' }` which is also fine. But then if I want to remove name\n * from the form data I would delete all the text from the name input field. Web components would emit this empty value\n * as '' or null. If the web component tries to emit `undefined`, null would be emitted instead because CustomEvent has\n * a default `detail` value of null\n *\n * @param value - the value associated with the schema\n * @param schema - the schema for the value\n * @returns whether or not null should be changed to undefined\n */\nconst shouldChangeToUndefined = (value, schema): boolean => {\n    return value === null && !schema.type.includes('null');\n};\n\nconst hasCustomComponent = (schema): boolean => {\n    const name = schema.lime?.component?.name;\n    if (!name) {\n        return false;\n    }\n\n    try {\n        verifyCustomComponentIsDefined(name);\n    } catch {\n        // eslint-disable-next-line no-console\n        console.warn(`Custom component ${name} not defined`);\n\n        return false;\n    }\n\n    return true;\n};\n\nconst verifyCustomComponentIsDefined = (elementName): void => {\n    const supportsCustomElements = 'customElements' in window;\n\n    if (!supportsCustomElements) {\n        throw new Error(\n            'Custom form elements are not supported by this browser!',\n        );\n    }\n\n    if (!customElements.get(elementName)) {\n        throw new Error(`Custom form element '${elementName}' is not defined!`);\n    }\n};\n\nconst getCustomComponent = (\n    schema,\n): { name: string; props: { [key: string]: any } } => {\n    const name = schema.lime?.component?.name;\n    const props = schema.lime?.component?.props || {};\n\n    return { name: name, props: props };\n};\n\n/**\n * Create properties from the factory that is set on `limel-form`\n *\n * @param formContext - the form context\n * @param schema - the schema for the current field\n * @returns the properties created by the factory\n */\nexport function getFactoryProps(\n    formContext: any,\n    schema: FormSchema,\n): Record<string, any> {\n    const factory: (schema: FormSchema) => Record<string, any> =\n        formContext.propsFactory;\n    if (typeof factory !== 'function') {\n        return {};\n    }\n\n    const props = factory(schema);\n    if (!props) {\n        return {};\n    }\n\n    return props;\n}\n\nexport class SchemaField extends React.Component<FieldProps> {\n    state = {\n        modified: false,\n    };\n\n    constructor(props) {\n        super(props);\n        this.handleChange = this.handleChange.bind(this);\n        this.handleCustomComponentChange =\n            this.handleCustomComponentChange.bind(this);\n    }\n\n    private hasValue() {\n        const value = this.getValue();\n        if (!value) {\n            return false;\n        }\n\n        if (Array.isArray(value)) {\n            return !!value.length;\n        }\n\n        if (typeof value === 'object') {\n            return !isEmpty(value);\n        }\n\n        return true;\n    }\n\n    private getLabel() {\n        const { schema } = this.props;\n\n        return schema.title;\n    }\n\n    private isInvalid() {\n        const { modified } = this.state;\n        const { errorSchema } = this.props;\n\n        return (\n            (modified || this.hasValue() || !this.isRequired()) &&\n            !isEmpty(errorSchema)\n        );\n    }\n\n    private isRequired() {\n        const { required, schema } = this.props;\n\n        return required || schema.minItems > 0;\n    }\n\n    private getHelperText() {\n        const { errorSchema, schema } = this.props;\n\n        if (!this.isInvalid()) {\n            const helperText = schema.lime?.component?.props?.helperText;\n\n            return helperText || schema.description;\n        }\n\n        if (!isEmpty(errorSchema) && '__errors' in errorSchema) {\n            return capitalize(errorSchema.__errors[0]); // eslint-disable-line no-underscore-dangle\n        }\n\n        return schema.description;\n    }\n\n    private getValue() {\n        const { formData } = this.props;\n\n        return formData;\n    }\n\n    private handleCustomComponentChange(event) {\n        const { schema } = this.props;\n        event.stopPropagation();\n\n        let value = event.detail;\n\n        if (shouldChangeToUndefined(value, schema)) {\n            value = undefined;\n        }\n\n        this.handleChange(value);\n    }\n\n    private handleChange(data) {\n        const { formData, schema } = this.props;\n        const { rootSchema } = this.props.registry;\n\n        this.setState({ modified: true });\n\n        const newData = resetDependentFields(\n            formData,\n            data,\n            schema,\n            rootSchema,\n        );\n\n        this.props.onChange(newData);\n    }\n\n    private buildCustomComponentProps() {\n        const {\n            disabled,\n            readonly,\n            name,\n            registry,\n            schema,\n            errorSchema,\n            idSchema,\n        } = this.props;\n        const factoryProps = getFactoryProps(registry.formContext, schema);\n\n        return {\n            ...factoryProps,\n            value: this.getValue(),\n            required: this.isRequired(),\n            readonly: readonly || schema.readOnly,\n            disabled: disabled,\n            invalid: this.isInvalid(),\n            label: this.getLabel(),\n            helperText: this.getHelperText(),\n            formInfo: {\n                schema: schema,\n                rootSchema: registry.formContext.schema,\n                errorSchema: errorSchema,\n                rootValue: registry.formContext.rootValue,\n                name: name,\n                schemaPath: this.getSchemaPath(idSchema?.$id),\n            },\n        };\n    }\n\n    private renderCustomComponent(props: FieldProps) {\n        const { name, props: userDefinedComponentProps } = getCustomComponent(\n            props.schema,\n        );\n\n        verifyCustomComponentIsDefined(name);\n\n        const component = React.createElement(LimeElementsAdapter, {\n            name: name,\n            elementProps: {\n                ...userDefinedComponentProps,\n                ...this.buildCustomComponentProps(),\n            },\n            events: {\n                change: this.handleCustomComponentChange,\n            },\n        });\n\n        return React.createElement(\n            FieldTemplate,\n            {\n                ...this.props,\n                classNames: 'form-group field field-custom',\n            },\n            component,\n            getHelpComponent(props.schema),\n        );\n    }\n\n    render() {\n        if (hasCustomComponent(this.props.schema)) {\n            return this.renderCustomComponent(this.props);\n        }\n\n        const fieldProps = {\n            ...this.props,\n            onChange: this.handleChange,\n        };\n\n        if (this.props.schema.format === 'time') {\n            fieldProps.uiSchema = {\n                'ui:widget': TimePicker,\n                ...fieldProps.uiSchema,\n            };\n        }\n\n        return React.createElement(JSONSchemaField, fieldProps);\n    }\n\n    /**\n     * Gets the path to the current property within the schema\n     *\n     * @param schemaId - the id of the schema\n     * @returns an array with the schema path for the current property\n     * @example\n     * const schemaId = 'root_sections_0_controls_0_name';\n     * const schemaPath = getSchemaPath(schemaId);\n     * // ➡ ['sections', '0', 'controls', '0', 'name']\n     */\n    private getSchemaPath(schemaId: string): string[] {\n        if (schemaId === undefined) {\n            return undefined;\n        }\n\n        return schemaId.replace('root_', '').split('_');\n    }\n}\n"]}

package/dist/collection/components/form/widgets/date-only-picker.js

@@ -0,0 +1,24 @@
+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 React from 'react';
+import { DatePicker } from './date-picker';
+export const DateOnlyPicker = (_a) => {
+  var { value } = _a, props = __rest(_a, ["value"]);
+  // A date-only string is treated as UTC by the Date constructor,
+  // but we want to parse it as local date
+  if (typeof value === 'string' && /-\d\d$/.test(value)) {
+    value += 'T00:00';
+  }
+  return React.createElement(DatePicker, Object.assign({ type: 'date', value: value }, props));
+};
+//# sourceMappingURL=date-only-picker.js.map

package/dist/collection/components/form/widgets/date-only-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-only-picker.js","sourceRoot":"","sources":["../../../../src/components/form/widgets/date-only-picker.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAyC,CAAC,EAGpE,EAAE,EAAE;MAHgE,EACjE,KAAK,OAER,EADM,KAAK,cAFyD,SAGpE,CADW;EAER,gEAAgE;EAChE,wCAAwC;EACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;IACnD,KAAK,IAAI,QAAQ,CAAC;GACrB;EAED,OAAO,KAAK,CAAC,aAAa,CAAC,UAAU,kBACjC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,IACT,KAAK,EACV,CAAC;AACP,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { DatePicker } from './date-picker';\nimport { WidgetProps } from './types';\n\nexport const DateOnlyPicker: React.FunctionComponent<WidgetProps> = ({\n    value,\n    ...props\n}) => {\n    // A date-only string is treated as UTC by the Date constructor,\n    // but we want to parse it as local date\n    if (typeof value === 'string' && /-\\d\\d$/.test(value)) {\n        value += 'T00:00';\n    }\n\n    return React.createElement(DatePicker, {\n        type: 'date',\n        value: value,\n        ...props,\n    });\n};\n"]}

package/dist/collection/components/form/widgets/date-picker.js

@@ -1,3 +1,15 @@
+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 moment from 'moment/moment';
 import React from 'react';
 import { LimeElementsWidgetAdapter } from '../adapters';
@@ -11,8 +23,8 @@ export class DatePicker extends React.Component {
     this.handleChange = this.handleChange.bind(this);
   }
   render() {
-    const props = this.props;
-    const additionalProps = getAdditionalProps(props.schema);
+    var _a, _b;
+    const _c = this.props, { type = 'datetime' } = _c, props = __rest(_c, ["type"]);
     return React.createElement(LimeElementsWidgetAdapter, {
       name: 'limel-date-picker',
       value: this.getValue(),
@@ -20,7 +32,7 @@ export class DatePicker extends React.Component {
         change: this.handleChange,
       },
       widgetProps: props,
-      extraProps: Object.assign({}, additionalProps),
+      extraProps: Object.assign({ type: type }, (_b = (_a = props.schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props),
     });
   }
   getValue() {
@@ -50,12 +62,4 @@ export class DatePicker extends React.Component {
     props.onChange(dateString);
   }
 }
-function getAdditionalProps(schema) {
-  var _a, _b;
-  let props = {};
-  if ((_b = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) {
-    props = schema.lime.component.props;
-  }
-  return props;
-}
 //# sourceMappingURL=date-picker.js.map

package/dist/collection/components/form/widgets/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/form/widgets/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAGxD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS;EAM3C,YAAmB,KAAkB;IACjC,KAAK,CAAC,KAAK,CAAC,CAAC;IADE,UAAK,GAAL,KAAK,CAAa;IAJ9B,UAAK,GAAG;MACX,QAAQ,EAAE,KAAK;KAClB,CAAC;IAIE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACrD,CAAC;EAEM,MAAM;IACT,MAAM,KAAK,GAAgB,IAAI,CAAC,KAAK,CAAC;IACtC,MAAM,eAAe,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,aAAa,CAAC,yBAAyB,EAAE;MAClD,IAAI,EAAE,mBAAmB;MACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;MACtB,MAAM,EAAE;QACJ,MAAM,EAAE,IAAI,CAAC,YAAY;OAC5B;MACD,WAAW,EAAE,KAAK;MAClB,UAAU,oBACH,eAAe,CACrB;KACJ,CAAC,CAAC;EACP,CAAC;EAEO,QAAQ;IACZ,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE;MACtC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM;MACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;KAC3B;EACL,CAAC;EAEO,YAAY,CAAC,KAAwB;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;MACjB,OAAO;KACV;IAED,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;MACf,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;MAErB,OAAO;KACV;IAED,MAAM,aAAa,GAAG;MAClB,WAAW,EAAE,sBAAsB;MACnC,IAAI,EAAE,YAAY;MAClB,IAAI,EAAE,UAAU;KACnB,CAAC;IACF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAC1C,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CACrC,CAAC;IACF,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;EAC/B,CAAC;CACJ;AAED,SAAS,kBAAkB,CAAC,MAAkB;;EAC1C,IAAI,KAAK,GAAQ,EAAE,CAAC;EAEpB,IAAI,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,0CAAE,KAAK,EAAE;IAC/B,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;GACvC;EAED,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import moment from 'moment/moment';\nimport React from 'react';\nimport { WidgetProps } from './types';\nimport { LimeElementsWidgetAdapter } from '../adapters';\nimport { FormSchema } from '../form.types';\n\nexport class DatePicker extends React.Component {\n    public refs: any;\n    public state = {\n        modified: false,\n    };\n\n    constructor(public props: WidgetProps) {\n        super(props);\n        this.handleChange = this.handleChange.bind(this);\n    }\n\n    public render() {\n        const props: WidgetProps = this.props;\n        const additionalProps = getAdditionalProps(props.schema);\n\n        return React.createElement(LimeElementsWidgetAdapter, {\n            name: 'limel-date-picker',\n            value: this.getValue(),\n            events: {\n                change: this.handleChange,\n            },\n            widgetProps: props,\n            extraProps: {\n                ...additionalProps,\n            },\n        });\n    }\n\n    private getValue() {\n        if (typeof this.props.value === 'string') {\n            return new Date(this.props.value);\n        } else {\n            return this.props.value;\n        }\n    }\n\n    private handleChange(event: CustomEvent<Date>) {\n        const props = this.props;\n        event.stopPropagation();\n\n        if (!props.onChange) {\n            return;\n        }\n\n        if (!event.detail) {\n            props.onChange(null);\n\n            return;\n        }\n\n        const formatMapping = {\n            'date-time': 'YYYY-MM-DDTHH:mm:ssZ',\n            date: 'YYYY-MM-DD',\n            time: 'HH:mm:ss',\n        };\n        const dateString = moment(event.detail).format(\n            formatMapping[props.schema.format],\n        );\n        props.onChange(dateString);\n    }\n}\n\nfunction getAdditionalProps(schema: FormSchema) {\n    let props: any = {};\n\n    if (schema.lime?.component?.props) {\n        props = schema.lime.component.props;\n    }\n\n    return props;\n}\n"]}
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/form/widgets/date-picker.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAMxD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;EAM5D,YAAmB,KAAsB;IACrC,KAAK,CAAC,KAAK,CAAC,CAAC;IADE,UAAK,GAAL,KAAK,CAAiB;IAJlC,UAAK,GAAG;MACX,QAAQ,EAAE,KAAK;KAClB,CAAC;IAIE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACrD,CAAC;EAEM,MAAM;;IACT,MAAM,KAAkC,IAAI,CAAC,KAAK,EAA5C,EAAE,IAAI,GAAG,UAAU,OAAyB,EAApB,KAAK,cAA7B,QAA+B,CAAa,CAAC;IAEnD,OAAO,KAAK,CAAC,aAAa,CAAC,yBAAyB,EAAE;MAClD,IAAI,EAAE,mBAAmB;MACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;MACtB,MAAM,EAAE;QACJ,MAAM,EAAE,IAAI,CAAC,YAAY;OAC5B;MACD,WAAW,EAAE,KAAK;MAClB,UAAU,kBACN,IAAI,EAAE,IAAI,IACP,MAAA,MAAA,KAAK,CAAC,MAAM,CAAC,IAAI,0CAAE,SAAS,0CAAE,KAAK,CACzC;KACJ,CAAC,CAAC;EACP,CAAC;EAEO,QAAQ;IACZ,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE;MACtC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM;MACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;KAC3B;EACL,CAAC;EAEO,YAAY,CAAC,KAAwB;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;MACjB,OAAO;KACV;IAED,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;MACf,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;MAErB,OAAO;KACV;IAED,MAAM,aAAa,GAAG;MAClB,WAAW,EAAE,sBAAsB;MACnC,IAAI,EAAE,YAAY;MAClB,IAAI,EAAE,UAAU;KACnB,CAAC;IACF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAC1C,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CACrC,CAAC;IACF,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;EAC/B,CAAC;CACJ","sourcesContent":["import moment from 'moment/moment';\nimport React from 'react';\nimport { DateType } from '../../date-picker/date.types';\nimport { WidgetProps } from './types';\nimport { LimeElementsWidgetAdapter } from '../adapters';\n\ntype DateWidgetProps = WidgetProps & {\n    type?: DateType;\n};\n\nexport class DatePicker extends React.Component<DateWidgetProps> {\n    public refs: any;\n    public state = {\n        modified: false,\n    };\n\n    constructor(public props: DateWidgetProps) {\n        super(props);\n        this.handleChange = this.handleChange.bind(this);\n    }\n\n    public render() {\n        const { type = 'datetime', ...props } = this.props;\n\n        return React.createElement(LimeElementsWidgetAdapter, {\n            name: 'limel-date-picker',\n            value: this.getValue(),\n            events: {\n                change: this.handleChange,\n            },\n            widgetProps: props,\n            extraProps: {\n                type: type,\n                ...props.schema.lime?.component?.props,\n            },\n        });\n    }\n\n    private getValue() {\n        if (typeof this.props.value === 'string') {\n            return new Date(this.props.value);\n        } else {\n            return this.props.value;\n        }\n    }\n\n    private handleChange(event: CustomEvent<Date>) {\n        const props = this.props;\n        event.stopPropagation();\n\n        if (!props.onChange) {\n            return;\n        }\n\n        if (!event.detail) {\n            props.onChange(null);\n\n            return;\n        }\n\n        const formatMapping = {\n            'date-time': 'YYYY-MM-DDTHH:mm:ssZ',\n            date: 'YYYY-MM-DD',\n            time: 'HH:mm:ss',\n        };\n        const dateString = moment(event.detail).format(\n            formatMapping[props.schema.format],\n        );\n        props.onChange(dateString);\n    }\n}\n"]}

package/dist/collection/components/form/widgets/index.js

@@ -1,4 +1,5 @@
 import { Checkbox } from './checkbox';
+import { DateOnlyPicker } from './date-only-picker';
 import { DatePicker } from './date-picker';
 import { InputField } from './input-field';
 import { Select } from './select';
@@ -6,7 +7,7 @@ import { Slider } from './slider';
 export const widgets = {
   CheckboxWidget: Checkbox,
   DateTimeWidget: DatePicker,
-  DateWidget: DatePicker,
+  DateWidget: DateOnlyPicker,
   EmailWidget: InputField,
   TextWidget: InputField,
   SelectWidget: Select,

package/dist/collection/components/form/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAuBlC,MAAM,CAAC,MAAM,OAAO,GAAqC;EACrD,cAAc,EAAE,QAAQ;EACxB,cAAc,EAAE,UAAU;EAC1B,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,UAAU;EACvB,UAAU,EAAE,UAAU;EACtB,YAAY,EAAE,MAAM;EACpB,WAAW,EAAE,MAAM;CACtB,CAAC","sourcesContent":["import { Checkbox } from './checkbox';\nimport { DatePicker } from './date-picker';\nimport { InputField } from './input-field';\nimport { Select } from './select';\nimport { Slider } from './slider';\n\n// These are defined by react-json-schema-form\nexport type WidgetType =\n    | 'AltDateTimeWidget'\n    | 'AltDateWidget'\n    | 'CheckboxesWidget'\n    | 'CheckboxWidget'\n    | 'ColorWidget'\n    | 'DateTimeWidget'\n    | 'DateWidget'\n    | 'EmailWidget'\n    | 'FileWidget'\n    | 'HiddenWidget'\n    | 'PasswordWidget'\n    | 'RadioWidget'\n    | 'RangeWidget'\n    | 'SelectWidget'\n    | 'TextareaWidget'\n    | 'TextWidget'\n    | 'UpDownWidget'\n    | 'URLWidget';\n\nexport const widgets: Partial<Record<WidgetType, any>> = {\n    CheckboxWidget: Checkbox,\n    DateTimeWidget: DatePicker,\n    DateWidget: DatePicker,\n    EmailWidget: InputField,\n    TextWidget: InputField,\n    SelectWidget: Select,\n    RangeWidget: Slider,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAuBlC,MAAM,CAAC,MAAM,OAAO,GAAqC;EACrD,cAAc,EAAE,QAAQ;EACxB,cAAc,EAAE,UAAU;EAC1B,UAAU,EAAE,cAAc;EAC1B,WAAW,EAAE,UAAU;EACvB,UAAU,EAAE,UAAU;EACtB,YAAY,EAAE,MAAM;EACpB,WAAW,EAAE,MAAM;CACtB,CAAC","sourcesContent":["import { Checkbox } from './checkbox';\nimport { DateOnlyPicker } from './date-only-picker';\nimport { DatePicker } from './date-picker';\nimport { InputField } from './input-field';\nimport { Select } from './select';\nimport { Slider } from './slider';\n\n// These are defined by react-json-schema-form\nexport type WidgetType =\n    | 'AltDateTimeWidget'\n    | 'AltDateWidget'\n    | 'CheckboxesWidget'\n    | 'CheckboxWidget'\n    | 'ColorWidget'\n    | 'DateTimeWidget'\n    | 'DateWidget'\n    | 'EmailWidget'\n    | 'FileWidget'\n    | 'HiddenWidget'\n    | 'PasswordWidget'\n    | 'RadioWidget'\n    | 'RangeWidget'\n    | 'SelectWidget'\n    | 'TextareaWidget'\n    | 'TextWidget'\n    | 'UpDownWidget'\n    | 'URLWidget';\n\nexport const widgets: Partial<Record<WidgetType, any>> = {\n    CheckboxWidget: Checkbox,\n    DateTimeWidget: DatePicker,\n    DateWidget: DateOnlyPicker,\n    EmailWidget: InputField,\n    TextWidget: InputField,\n    SelectWidget: Select,\n    RangeWidget: Slider,\n};\n"]}

package/dist/collection/components/form/widgets/time-picker.js

@@ -0,0 +1,23 @@
+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 React from 'react';
+import { DatePicker } from './date-picker';
+export const TimePicker = (_a) => {
+  var { value } = _a, props = __rest(_a, ["value"]);
+  if (typeof value === 'string' && timeStringPattern.test(value)) {
+    value = new Date('2000-01-01T' + value);
+  }
+  return React.createElement(DatePicker, Object.assign({ type: 'time', value: value }, props));
+};
+const timeStringPattern = /^\d\d:\d\d/;
+//# sourceMappingURL=time-picker.js.map

package/dist/collection/components/form/widgets/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../src/components/form/widgets/time-picker.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,CAAC,MAAM,UAAU,GAAyC,CAAC,EAGhE,EAAE,EAAE;MAH4D,EAC7D,KAAK,OAER,EADM,KAAK,cAFqD,SAGhE,CADW;EAER,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;IAC5D,KAAK,GAAG,IAAI,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;GAC3C;EAED,OAAO,KAAK,CAAC,aAAa,CAAC,UAAU,kBACjC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,IACT,KAAK,EACV,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport { DatePicker } from './date-picker';\nimport { WidgetProps } from './types';\n\nexport const TimePicker: React.FunctionComponent<WidgetProps> = ({\n    value,\n    ...props\n}) => {\n    if (typeof value === 'string' && timeStringPattern.test(value)) {\n        value = new Date('2000-01-01T' + value);\n    }\n\n    return React.createElement(DatePicker, {\n        type: 'time',\n        value: value,\n        ...props,\n    });\n};\n\nconst timeStringPattern = /^\\d\\d:\\d\\d/;\n"]}

package/dist/esm/limel-form.entry.js

@@ -28851,6 +28851,87 @@ function isAdditionalProperty(schema) {
   return schema[ADDITIONAL_PROPERTY_FLAG] === true;
 }
 
+var __rest$2 = (undefined && undefined.__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;
+};
+class DatePicker extends react.Component {
+  constructor(props) {
+    super(props);
+    this.props = props;
+    this.state = {
+      modified: false,
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  render() {
+    var _a, _b;
+    const _c = this.props, { type = 'datetime' } = _c, props = __rest$2(_c, ["type"]);
+    return react.createElement(LimeElementsWidgetAdapter, {
+      name: 'limel-date-picker',
+      value: this.getValue(),
+      events: {
+        change: this.handleChange,
+      },
+      widgetProps: props,
+      extraProps: Object.assign({ type: type }, (_b = (_a = props.schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props),
+    });
+  }
+  getValue() {
+    if (typeof this.props.value === 'string') {
+      return new Date(this.props.value);
+    }
+    else {
+      return this.props.value;
+    }
+  }
+  handleChange(event) {
+    const props = this.props;
+    event.stopPropagation();
+    if (!props.onChange) {
+      return;
+    }
+    if (!event.detail) {
+      props.onChange(null);
+      return;
+    }
+    const formatMapping = {
+      'date-time': 'YYYY-MM-DDTHH:mm:ssZ',
+      date: 'YYYY-MM-DD',
+      time: 'HH:mm:ss',
+    };
+    const dateString = moment(event.detail).format(formatMapping[props.schema.format]);
+    props.onChange(dateString);
+  }
+}
+
+var __rest$1 = (undefined && undefined.__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;
+};
+const TimePicker = (_a) => {
+  var { value } = _a, props = __rest$1(_a, ["value"]);
+  if (typeof value === 'string' && timeStringPattern.test(value)) {
+    value = new Date('2000-01-01T' + value);
+  }
+  return react.createElement(DatePicker, Object.assign({ type: 'time', value: value }, props));
+};
+const timeStringPattern = /^\d\d:\d\d/;
+
 /**
  * If given a value and schema, check if the value should be translated
  * from null to undefined to avoid issues with validation
@@ -29025,6 +29106,9 @@ class SchemaField extends react.Component {
       return this.renderCustomComponent(this.props);
     }
     const fieldProps = Object.assign(Object.assign({}, this.props), { onChange: this.handleChange });
+    if (this.props.schema.format === 'time') {
+      fieldProps.uiSchema = Object.assign({ 'ui:widget': TimePicker }, fieldProps.uiSchema);
+    }
     return react.createElement(SchemaField$1, fieldProps);
   }
   /**
@@ -29198,7 +29282,7 @@ class Checkbox extends react.Component {
   }
   render() {
     const props = this.props;
-    const additionalProps = getAdditionalProps$3(props.schema);
+    const additionalProps = getAdditionalProps$2(props.schema);
     return react.createElement(LimeElementsWidgetAdapter, {
       name: 'limel-checkbox',
       value: props.value,
@@ -29218,68 +29302,31 @@ class Checkbox extends react.Component {
     props.onChange(event.detail);
   }
 }
-function getAdditionalProps$3(schema) {
+function getAdditionalProps$2(schema) {
   var _a, _b, _c;
   return (_c = (_b = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) !== null && _c !== void 0 ? _c : {};
 }
 
-class DatePicker extends react.Component {
-  constructor(props) {
-    super(props);
-    this.props = props;
-    this.state = {
-      modified: false,
-    };
-    this.handleChange = this.handleChange.bind(this);
-  }
-  render() {
-    const props = this.props;
-    const additionalProps = getAdditionalProps$2(props.schema);
-    return react.createElement(LimeElementsWidgetAdapter, {
-      name: 'limel-date-picker',
-      value: this.getValue(),
-      events: {
-        change: this.handleChange,
-      },
-      widgetProps: props,
-      extraProps: Object.assign({}, additionalProps),
-    });
-  }
-  getValue() {
-    if (typeof this.props.value === 'string') {
-      return new Date(this.props.value);
-    }
-    else {
-      return this.props.value;
-    }
-  }
-  handleChange(event) {
-    const props = this.props;
-    event.stopPropagation();
-    if (!props.onChange) {
-      return;
-    }
-    if (!event.detail) {
-      props.onChange(null);
-      return;
+var __rest = (undefined && undefined.__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]];
     }
-    const formatMapping = {
-      'date-time': 'YYYY-MM-DDTHH:mm:ssZ',
-      date: 'YYYY-MM-DD',
-      time: 'HH:mm:ss',
-    };
-    const dateString = moment(event.detail).format(formatMapping[props.schema.format]);
-    props.onChange(dateString);
-  }
-}
-function getAdditionalProps$2(schema) {
-  var _a, _b;
-  let props = {};
-  if ((_b = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) {
-    props = schema.lime.component.props;
-  }
-  return props;
-}
+  return t;
+};
+const DateOnlyPicker = (_a) => {
+  var { value } = _a, props = __rest(_a, ["value"]);
+  // A date-only string is treated as UTC by the Date constructor,
+  // but we want to parse it as local date
+  if (typeof value === 'string' && /-\d\d$/.test(value)) {
+    value += 'T00:00';
+  }
+  return react.createElement(DatePicker, Object.assign({ type: 'date', value: value }, props));
+};
 
 class Slider extends react.Component {
   constructor(props) {
@@ -29480,7 +29527,7 @@ function findValues(value, options) {
 const widgets = {
   CheckboxWidget: Checkbox,
   DateTimeWidget: DatePicker,
-  DateWidget: DatePicker,
+  DateWidget: DateOnlyPicker,
   EmailWidget: InputField,
   TextWidget: InputField,
   SelectWidget: Select,