@jetshop/ui 5.13.12-0 → 5.14.0

package/Pagination/PaginationBehaviour.js

@@ -1,68 +1,68 @@
-import React from 'react';
-const getTotalPages = ({ perPage, total }) => Math.ceil(total / perPage);
-const checkPageValidity = (totalPages, { total, currentPage, goToPage }) => {
-    // Go to the last available page if the selected page does not exist
-    if (total > 0 && totalPages < currentPage)
-        goToPage(totalPages);
-    if (total === 0 && currentPage > 1)
-        goToPage && goToPage(1);
-};
-const incrementPage = (page) => {
-    return page + 1;
-};
-const decrementPage = (page) => {
-    return page - 1;
-};
-export default class PaginationBehaviour extends React.Component {
-    constructor(props) {
-        super(props);
-        this.setTotalPages = () => {
-            const totalPages = getTotalPages(this.props);
-            this.setState({ totalPages });
-            return totalPages;
-        };
-        this.nextPage = () => {
-            const { currentPage } = this.props;
-            const { totalPages } = this.state;
-            currentPage < totalPages && this.props.goToPage(incrementPage(currentPage));
-        };
-        this.prevPage = () => {
-            const { currentPage } = this.props;
-            currentPage !== 1 && this.props.goToPage(decrementPage(currentPage));
-        };
-        this.getStateAndProps = () => {
-            return {
-                totalItems: this.props.total,
-                totalPages: this.state.totalPages,
-                currentPage: this.props.currentPage,
-                prevPage: this.prevPage,
-                nextPage: this.nextPage,
-                goToPage: this.props.goToPage,
-                setProductsPerPage: this.props.setProductsPerPage,
-                isFirstPage: this.props.currentPage === 1,
-                isLastPage: this.props.currentPage === this.state.totalPages,
-                hasPages: this.state.totalPages !== 0
-            };
-        };
-        this.state = {
-            totalPages: getTotalPages(props)
-        };
-    }
-    componentDidMount() {
-        const totalPages = this.setTotalPages();
-        checkPageValidity(totalPages, this.props);
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.total !== this.props.total) {
-            const totalPages = this.setTotalPages();
-            checkPageValidity(totalPages, this.props);
-        }
-        if (prevProps.perPage !== this.props.perPage) {
-            this.setTotalPages();
-        }
-    }
-    render() {
-        return this.props.children(this.getStateAndProps());
-    }
-}
+import React from 'react';
+const getTotalPages = ({ perPage, total }) => Math.ceil(total / perPage);
+const checkPageValidity = (totalPages, { total, currentPage, goToPage }) => {
+    // Go to the last available page if the selected page does not exist
+    if (total > 0 && totalPages < currentPage)
+        goToPage(totalPages);
+    if (total === 0 && currentPage > 1)
+        goToPage && goToPage(1);
+};
+const incrementPage = (page) => {
+    return page + 1;
+};
+const decrementPage = (page) => {
+    return page - 1;
+};
+export default class PaginationBehaviour extends React.Component {
+    constructor(props) {
+        super(props);
+        this.setTotalPages = () => {
+            const totalPages = getTotalPages(this.props);
+            this.setState({ totalPages });
+            return totalPages;
+        };
+        this.nextPage = () => {
+            const { currentPage } = this.props;
+            const { totalPages } = this.state;
+            currentPage < totalPages && this.props.goToPage(incrementPage(currentPage));
+        };
+        this.prevPage = () => {
+            const { currentPage } = this.props;
+            currentPage !== 1 && this.props.goToPage(decrementPage(currentPage));
+        };
+        this.getStateAndProps = () => {
+            return {
+                totalItems: this.props.total,
+                totalPages: this.state.totalPages,
+                currentPage: this.props.currentPage,
+                prevPage: this.prevPage,
+                nextPage: this.nextPage,
+                goToPage: this.props.goToPage,
+                setProductsPerPage: this.props.setProductsPerPage,
+                isFirstPage: this.props.currentPage === 1,
+                isLastPage: this.props.currentPage === this.state.totalPages,
+                hasPages: this.state.totalPages !== 0
+            };
+        };
+        this.state = {
+            totalPages: getTotalPages(props)
+        };
+    }
+    componentDidMount() {
+        const totalPages = this.setTotalPages();
+        checkPageValidity(totalPages, this.props);
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.total !== this.props.total) {
+            const totalPages = this.setTotalPages();
+            checkPageValidity(totalPages, this.props);
+        }
+        if (prevProps.perPage !== this.props.perPage) {
+            this.setTotalPages();
+        }
+    }
+    render() {
+        return this.props.children(this.getStateAndProps());
+    }
+}
 //# sourceMappingURL=PaginationBehaviour.js.map

package/Pagination/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Pagination } from './Pagination';
-export { default as PaginationBehaviour } from './PaginationBehaviour';
+export { default as Pagination } from './Pagination';
+export { default as PaginationBehaviour } from './PaginationBehaviour';

package/Pagination/index.js

@@ -1,3 +1,3 @@
-export { default as Pagination } from './Pagination';
-export { default as PaginationBehaviour } from './PaginationBehaviour';
+export { default as Pagination } from './Pagination';
+export { default as PaginationBehaviour } from './PaginationBehaviour';
 //# sourceMappingURL=index.js.map

package/Pagination/usePagination.d.ts

@@ -1,15 +1,15 @@
-import { PaginationBehaviourRenderProps } from '@jetshop/ui/Pagination/PaginationBehaviour';
-import * as React from 'react';
-export declare const PaginationWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    as?: React.ElementType<any>;
-}>;
-declare function usePagination({ prevPage, nextPage, currentPage, isFirstPage, isLastPage }: Partial<PaginationBehaviourRenderProps>): {
-    prevHref: string;
-    nextHref: string;
-    goToHref: (page: number) => string;
-    prevOnClick: (e: React.MouseEvent<HTMLElement>) => void;
-    nextOnClick: (e: React.MouseEvent<HTMLElement>) => void;
-    isPrevDisabled: boolean;
-    isNextDisabled: boolean;
-};
-export default usePagination;
+import { PaginationBehaviourRenderProps } from '@jetshop/ui/Pagination/PaginationBehaviour';
+import * as React from 'react';
+export declare const PaginationWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType<any>;
+}>;
+declare function usePagination({ prevPage, nextPage, currentPage, isFirstPage, isLastPage }: Partial<PaginationBehaviourRenderProps>): {
+    prevHref: string;
+    nextHref: string;
+    goToHref: (page: number) => string;
+    prevOnClick: (e: React.MouseEvent<HTMLElement>) => void;
+    nextOnClick: (e: React.MouseEvent<HTMLElement>) => void;
+    isPrevDisabled: boolean;
+    isNextDisabled: boolean;
+};
+export default usePagination;

package/Pagination/usePagination.js

@@ -1,46 +1,46 @@
-import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
-import { styled } from 'linaria/react';
-import qs from 'qs';
-import * as React from 'react';
-import { useLocation } from 'react-router';
-export const PaginationWrapper = styled('div') `
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-`;
-function usePagination({ prevPage, nextPage, currentPage, isFirstPage, isLastPage }) {
-    const { queryParam } = React.useContext(PaginationContext);
-    const location = useLocation();
-    const currentLocation = qs.parse(typeof window === 'undefined' ? location.search : window.location.search, {
-        ignoreQueryPrefix: true
-    });
-    const nextHref = location.pathname +
-        qs.stringify(Object.assign(Object.assign({}, currentLocation), { [queryParam]: isLastPage ? currentPage : currentPage + 1 }), { addQueryPrefix: true, encodeValuesOnly: true, skipNulls: true });
-    const prevHref = location.pathname +
-        qs.stringify(Object.assign(Object.assign({}, currentLocation), { [queryParam]: isFirstPage ? currentPage : currentPage - 1 }), { addQueryPrefix: true, encodeValuesOnly: true, skipNulls: true });
-    const goToHref = (page) => {
-        const href = location.pathname +
-            qs.stringify(Object.assign(Object.assign({}, currentLocation), { [queryParam]: page }), { addQueryPrefix: true, encodeValuesOnly: true, skipNulls: true });
-        return href;
-    };
-    function prevOnClick(e) {
-        e.preventDefault();
-        prevPage();
-    }
-    function nextOnClick(e) {
-        e.preventDefault();
-        nextPage();
-    }
-    return {
-        prevHref,
-        nextHref,
-        goToHref,
-        prevOnClick,
-        nextOnClick,
-        isPrevDisabled: isFirstPage ? true : null,
-        isNextDisabled: isLastPage ? true : null
-    };
-}
-export default usePagination;
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import { styled } from 'linaria/react';
+import qs from 'qs';
+import * as React from 'react';
+import { useLocation } from 'react-router';
+export const PaginationWrapper = styled('div') `
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`;
+function usePagination({ prevPage, nextPage, currentPage, isFirstPage, isLastPage }) {
+    const { queryParam } = React.useContext(PaginationContext);
+    const location = useLocation();
+    const currentLocation = qs.parse(typeof window === 'undefined' ? location.search : window.location.search, {
+        ignoreQueryPrefix: true
+    });
+    const nextHref = location.pathname +
+        qs.stringify(Object.assign(Object.assign({}, currentLocation), { [queryParam]: isLastPage ? currentPage : currentPage + 1 }), { addQueryPrefix: true, encodeValuesOnly: true, skipNulls: true });
+    const prevHref = location.pathname +
+        qs.stringify(Object.assign(Object.assign({}, currentLocation), { [queryParam]: isFirstPage ? currentPage : currentPage - 1 }), { addQueryPrefix: true, encodeValuesOnly: true, skipNulls: true });
+    const goToHref = (page) => {
+        const href = location.pathname +
+            qs.stringify(Object.assign(Object.assign({}, currentLocation), { [queryParam]: page }), { addQueryPrefix: true, encodeValuesOnly: true, skipNulls: true });
+        return href;
+    };
+    function prevOnClick(e) {
+        e.preventDefault();
+        prevPage();
+    }
+    function nextOnClick(e) {
+        e.preventDefault();
+        nextPage();
+    }
+    return {
+        prevHref,
+        nextHref,
+        goToHref,
+        prevOnClick,
+        nextOnClick,
+        isPrevDisabled: isFirstPage ? true : null,
+        isNextDisabled: isLastPage ? true : null
+    };
+}
+export default usePagination;
 //# sourceMappingURL=usePagination.js.map

package/PreOrderDateSelector/PreOrderDateSelector.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-declare type PreOrderDropdownType = {
-    values: PreOrderDatesType[];
-    selectedDate: string;
-    selectDate: React.Dispatch<React.SetStateAction<string>>;
-};
-declare type PreOrderInputType = {
-    value: PreOrderDatesType;
-    selectDate: React.Dispatch<React.SetStateAction<string>>;
-    callback?: Function;
-    className?: string;
-};
-declare type PreOrderDatesType = {
-    value: string;
-    name: string;
-};
-export declare const PreOrderDropdown: ({ values, selectedDate, selectDate }: PreOrderDropdownType) => JSX.Element;
-export declare const PreOrderInput: ({ value, selectDate, callback, className }: PreOrderInputType) => JSX.Element;
-declare const _default: React.ComponentType<unknown>;
-export default _default;
+import React from 'react';
+declare type PreOrderDropdownType = {
+    values: PreOrderDatesType[];
+    selectedDate: string;
+    selectDate: React.Dispatch<React.SetStateAction<string>>;
+};
+declare type PreOrderInputType = {
+    value: PreOrderDatesType;
+    selectDate: React.Dispatch<React.SetStateAction<string>>;
+    callback?: Function;
+    className?: string;
+};
+declare type PreOrderDatesType = {
+    value: string;
+    name: string;
+};
+export declare const PreOrderDropdown: ({ values, selectedDate, selectDate }: PreOrderDropdownType) => JSX.Element;
+export declare const PreOrderInput: ({ value, selectDate, callback, className }: PreOrderInputType) => JSX.Element;
+declare const _default: React.ComponentType<unknown>;
+export default _default;

package/PreOrderDateSelector/PreOrderDateSelector.js

@@ -1,74 +1,74 @@
-import React, { useState } from 'react';
-import { DropdownMenu, DropdownMenuButton, DropdownMenuItem, DropdownMenuItems, useDropdownMenu } from '@jetshop/ui/DropdownMenu';
-import t from '@jetshop/intl';
-import { styled } from 'linaria/react';
-import { Field, connect } from 'formik';
-const Label = styled('label') `
-  position: relative;
-  cursor: pointer;
-
-  > input {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    width: 0;
-    height: 0;
-  }
-`;
-export const PreOrderDropdown = ({ values, selectedDate, selectDate }) => (React.createElement(DropdownMenu, null,
-    React.createElement(DropdownMenuButton, { id: "pre-order-option" }, selectedDate ? selectedDate : t.rich('Select pre-order date')),
-    React.createElement(DropdownItems, { values: values, selectDate: selectDate })));
-const DropdownItems = ({ values, selectDate }) => {
-    const { setIsOpen } = useDropdownMenu();
-    return (React.createElement(DropdownMenuItems, { style: { zIndex: 9999 } }, values.map(value => {
-        return (React.createElement(DropdownMenuItem, { key: value.value },
-            React.createElement(PreOrderInput, { value: value, selectDate: selectDate, callback: () => setIsOpen(false) })));
-    })));
-};
-export const PreOrderInput = ({ value, selectDate = () => { }, callback = () => { }, className = '' }) => (React.createElement(Field, { name: "preOrder", type: "radio", value: value.value, render: ({ field, form: { values, validateForm } }) => (React.createElement(Label, { className: className },
-        React.createElement("input", Object.assign({}, field, { type: "radio", required: true, onChange: e => {
-                field.onChange(e);
-                selectDate(value.value);
-                const newValues = Object.assign(Object.assign({}, values), { preOrder: value.value });
-                validateForm(newValues);
-                callback(value);
-            } })),
-        React.createElement("span", null, value.name))) }));
-const PreOrderDateSelector = ({ product, children, formik, dates, SelectorComponent = PreOrderDropdown, intlDateTimeFormat = new Intl.DateTimeFormat('sv-SE'), className }) => {
-    var _a, _b, _c;
-    const defaultValue = ((_a = formik === null || formik === void 0 ? void 0 : formik.values) === null || _a === void 0 ? void 0 : _a.preOrder) || '';
-    const [selectedDate, selectDate] = useState(defaultValue);
-    const { preOrder } = product;
-    if (!preOrder) {
-        console.error('The attribute `preOrder` has not been defined on the product page GraphQL fragment.');
-        return null;
-    }
-    const { fromDate, toDate } = preOrder;
-    // It is not a pre-order product
-    if (!fromDate || !toDate)
-        return null;
-    if (dates)
-        return dates;
-    const dateList = [];
-    const startDate = new Date(fromDate);
-    const endDate = new Date(toDate);
-    // Creating a list of all the days between fromDate and toDate
-    for (let x = startDate; startDate <= endDate; x.setDate(x.getDate() + 1)) {
-        const newDate = intlDateTimeFormat.format(new Date(x)).toString();
-        dateList.push({ value: newDate, name: newDate });
-    }
-    const values = dateList;
-    return children ? (children({
-        values: values,
-        selectedDate: selectedDate,
-        selectDate: selectDate,
-        error: (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.preOrder
-    })) : (React.createElement("div", { className: className },
-        React.createElement("label", null, t('Pre-order date')),
-        React.createElement(SelectorComponent, { values: values, selectedDate: selectedDate, selectDate: selectDate }),
-        ((_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.preOrder) && React.createElement("span", null, formik.errors.preOrder)));
-};
-export default connect(PreOrderDateSelector);
+import React, { useState } from 'react';
+import { DropdownMenu, DropdownMenuButton, DropdownMenuItem, DropdownMenuItems, useDropdownMenu } from '@jetshop/ui/DropdownMenu';
+import t from '@jetshop/intl';
+import { styled } from 'linaria/react';
+import { Field, connect } from 'formik';
+const Label = styled('label') `
+  position: relative;
+  cursor: pointer;
+
+  > input {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    width: 0;
+    height: 0;
+  }
+`;
+export const PreOrderDropdown = ({ values, selectedDate, selectDate }) => (React.createElement(DropdownMenu, null,
+    React.createElement(DropdownMenuButton, { id: "pre-order-option" }, selectedDate ? selectedDate : t.rich('Select pre-order date')),
+    React.createElement(DropdownItems, { values: values, selectDate: selectDate })));
+const DropdownItems = ({ values, selectDate }) => {
+    const { setIsOpen } = useDropdownMenu();
+    return (React.createElement(DropdownMenuItems, { style: { zIndex: 9999 } }, values.map(value => {
+        return (React.createElement(DropdownMenuItem, { key: value.value },
+            React.createElement(PreOrderInput, { value: value, selectDate: selectDate, callback: () => setIsOpen(false) })));
+    })));
+};
+export const PreOrderInput = ({ value, selectDate = () => { }, callback = () => { }, className = '' }) => (React.createElement(Field, { name: "preOrder", type: "radio", value: value.value, render: ({ field, form: { values, validateForm } }) => (React.createElement(Label, { className: className },
+        React.createElement("input", Object.assign({}, field, { type: "radio", required: true, onChange: e => {
+                field.onChange(e);
+                selectDate(value.value);
+                const newValues = Object.assign(Object.assign({}, values), { preOrder: value.value });
+                validateForm(newValues);
+                callback(value);
+            } })),
+        React.createElement("span", null, value.name))) }));
+const PreOrderDateSelector = ({ product, children, formik, dates, SelectorComponent = PreOrderDropdown, intlDateTimeFormat = new Intl.DateTimeFormat('sv-SE'), className }) => {
+    var _a, _b, _c;
+    const defaultValue = ((_a = formik === null || formik === void 0 ? void 0 : formik.values) === null || _a === void 0 ? void 0 : _a.preOrder) || '';
+    const [selectedDate, selectDate] = useState(defaultValue);
+    const { preOrder } = product;
+    if (!preOrder) {
+        console.error('The attribute `preOrder` has not been defined on the product page GraphQL fragment.');
+        return null;
+    }
+    const { fromDate, toDate } = preOrder;
+    // It is not a pre-order product
+    if (!fromDate || !toDate)
+        return null;
+    if (dates)
+        return dates;
+    const dateList = [];
+    const startDate = new Date(fromDate);
+    const endDate = new Date(toDate);
+    // Creating a list of all the days between fromDate and toDate
+    for (let x = startDate; startDate <= endDate; x.setDate(x.getDate() + 1)) {
+        const newDate = intlDateTimeFormat.format(new Date(x)).toString();
+        dateList.push({ value: newDate, name: newDate });
+    }
+    const values = dateList;
+    return children ? (children({
+        values: values,
+        selectedDate: selectedDate,
+        selectDate: selectDate,
+        error: (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.preOrder
+    })) : (React.createElement("div", { className: className },
+        React.createElement("label", null, t('Pre-order date')),
+        React.createElement(SelectorComponent, { values: values, selectedDate: selectedDate, selectDate: selectDate }),
+        ((_c = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _c === void 0 ? void 0 : _c.preOrder) && React.createElement("span", null, formik.errors.preOrder)));
+};
+export default connect(PreOrderDateSelector);
 //# sourceMappingURL=PreOrderDateSelector.js.map

package/PreOrderDateSelector/index.d.ts

@@ -1,2 +1,2 @@
-export { default as PreOrderDateSelector } from './PreOrderDateSelector';
-export { PreOrderInput } from './PreOrderDateSelector';
+export { default as PreOrderDateSelector } from './PreOrderDateSelector';
+export { PreOrderInput } from './PreOrderDateSelector';

package/PreOrderDateSelector/index.js

@@ -1,3 +1,3 @@
-export { default as PreOrderDateSelector } from './PreOrderDateSelector';
-export { PreOrderInput } from './PreOrderDateSelector';
+export { default as PreOrderDateSelector } from './PreOrderDateSelector';
+export { PreOrderInput } from './PreOrderDateSelector';
 //# sourceMappingURL=index.js.map

package/Price/Currency.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare const Currency: React.FC<{
-    value: number;
-    /** Currency to use instead of selected channel */
-    currency?: {
-        code: string;
-        culture: string;
-    };
-}>;
+/// <reference types="react" />
+export declare const Currency: React.FC<{
+    value: number;
+    /** Currency to use instead of selected channel */
+    currency?: {
+        code: string;
+        culture: string;
+    };
+}>;

package/Price/Currency.js

@@ -1,11 +1,11 @@
-import ChannelContext from '@jetshop/core/components/ChannelContext';
-import t from '@jetshop/intl';
-import { useContext } from 'react';
-// Formats the given number in the currency of the selected channel
-export const Currency = function Currency({ value, currency }) {
-    const { selectedChannel } = useContext(ChannelContext);
-    return currency
-        ? t.number(value, currency.code, currency.culture)
-        : t.number(value, selectedChannel.currency.name, selectedChannel.language.culture);
-};
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import t from '@jetshop/intl';
+import { useContext } from 'react';
+// Formats the given number in the currency of the selected channel
+export const Currency = function Currency({ value, currency }) {
+    const { selectedChannel } = useContext(ChannelContext);
+    return currency
+        ? t.number(value, currency.code, currency.culture)
+        : t.number(value, selectedChannel.currency.name, selectedChannel.language.culture);
+};
 //# sourceMappingURL=Currency.js.map

package/Price/Price.d.ts

@@ -1,28 +1,29 @@
-import { Price as IPrice } from '@jetshop/core/types';
-import React from 'react';
-export interface PriceProps {
-    style?: {};
-    className?: string;
-    /**Base price */
-    price: IPrice;
-    /**Previous Price */
-    previousPrice?: IPrice;
-    /**Optional formatter to format currency */
-    formatter?(price: number, currencyCode?: string, culture?: string): string;
-    /** Override the channel settings for includeVat */
-    includeVat?: boolean;
-    /** Currency to use instead of selected channel */
-    currency?: {
-        code: string;
-        culture: string;
-    };
-    negative?: boolean;
-}
-export interface PriceCompound {
-    Wrapper?: React.ReactNode;
-    Old?: React.ReactNode;
-    New?: React.ReactNode;
-    Normal?: React.ReactNode;
-}
-declare const PriceComponent: React.FC<PriceProps> & PriceCompound;
-export default PriceComponent;
+import { Price as IPrice } from '@jetshop/core/types';
+import React from 'react';
+export interface PriceProps {
+    style?: {};
+    className?: string;
+    /**Base price */
+    price: IPrice;
+    /**Previous Price */
+    previousPrice?: IPrice;
+    /**Optional formatter to format currency */
+    formatter?(price: number, currencyCode?: string, culture?: string): string;
+    /** Override the channel settings for includeVat */
+    includeVat?: boolean;
+    /** Currency to use instead of selected channel */
+    currency?: {
+        code: string;
+        culture: string;
+    };
+    negative?: boolean;
+    as?: React.ElementType<any>;
+}
+export interface PriceCompound {
+    Wrapper?: React.ReactNode;
+    Old?: React.ReactNode;
+    New?: React.ReactNode;
+    Normal?: React.ReactNode;
+}
+declare const PriceComponent: React.FC<PriceProps> & PriceCompound;
+export default PriceComponent;