@riosst100/pwa-marketplace 2.0.8 → 2.0.9

package/src/overwrites/venia-ui/lib/components/Pagination/tile.js

@@ -1,41 +0,0 @@
-import React, { useCallback } from 'react';
-import { bool, func, number, shape, string } from 'prop-types';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import defaultClasses from '@magento/venia-ui/lib/components/Pagination/tile.module.css';
-import cn from 'classnames';
-
-const Tile = props => {
-    const { isActive, number, onClick } = props;
-    const classes = useStyle(defaultClasses, props.classes);
-    const rootClass = isActive ? classes.root_active : classes.root;
-    const handleClick = useCallback(() => onClick(number), [onClick, number]);
-
-    return (
-        <button
-            className={cn(
-                rootClass,
-                isActive ? 'bg-blue-600 !border-blue-600' : 'bg-white',
-                'border-[1px] border-gray-100 rounded-[5px] !min-h-auto h-fit min-w-[40px] px-[10px] py-[7px]'
-            )}
-            onClick={handleClick}
-            data-cy={isActive ? 'Tile-activeRoot' : 'Tile-root'}
-        >
-            <span className={cn(isActive ? '!text-white' : 'text-blue-600', 'text-base leading-[16px]')}>
-                {number}
-            </span>
-        </button>
-    );
-};
-
-Tile.propTypes = {
-    classes: shape({
-        root: string,
-        root_active: string
-    }),
-    isActive: bool,
-    number: number,
-    onClick: func
-};
-
-export default Tile;

package/src/overwrites/venia-ui/lib/components/Password/index.js

@@ -1 +0,0 @@
-export { default } from './password';

package/src/overwrites/venia-ui/lib/components/Password/password.js

@@ -1,102 +0,0 @@
-import React from 'react';
-import { string, bool, shape, func } from 'prop-types';
-import { Eye, EyeOff } from 'react-feather';
-import { useIntl } from 'react-intl';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import { usePassword } from '@magento/peregrine/lib/talons/Password/usePassword';
-
-import Button from '@magento/venia-ui/lib/components/Button';
-import Field from '@magento/venia-ui/lib/components/Field';
-import TextInput from '@magento/venia-ui/lib/components/TextInput';
-import { isRequired } from '@magento/venia-ui/lib/util/formValidators';
-
-import defaultClasses from './password.module.css';
-
-const Password = props => {
-    const {
-        classes: propClasses,
-        label,
-        fieldName,
-        isToggleButtonHidden,
-        autoComplete,
-        validate,
-        ...otherProps
-    } = props;
-
-    const talonProps = usePassword();
-    const { handleBlur, togglePasswordVisibility, visible } = talonProps;
-    const classes = useStyle(defaultClasses, propClasses);
-
-    const handleKeypress = e => {
-        if (e.code == 'Enter') {
-            togglePasswordVisibility;
-        }
-    };
-    const { formatMessage } = useIntl();
-    const hidePassword = formatMessage({
-        id: 'password.hide',
-        defaultMessage: 'Hide Password'
-    });
-    const viewPassword = formatMessage({
-        id: 'password.view',
-        defaultMessage: 'View Password'
-    });
-    const speak = visible ? hidePassword : viewPassword;
-
-    const passwordButton = (
-        <Button
-            className={classes.passwordButton}
-            onClick={togglePasswordVisibility}
-            onKeyDown={handleKeypress}
-            onKey
-            type="button"
-        >
-            {visible ? (
-                <Eye aria-label={speak} />
-            ) : (
-                <EyeOff aria-label={speak} />
-            )}
-        </Button>
-    );
-
-    const fieldType = visible ? 'text' : 'password';
-
-    return (
-        <Field
-            id="Password"
-            label={label}
-            classes={{
-                root: classes.root,
-                label: "font-normal text-left mb-2 text-[14px] block"
-            }}
-        >
-            <TextInput
-                after={!isToggleButtonHidden && passwordButton}
-                autoComplete={autoComplete}
-                field={fieldName}
-                type={fieldType}
-                validate={validate}
-                onBlur={handleBlur}
-                {...otherProps}
-            />
-        </Field>
-    );
-};
-
-Password.propTypes = {
-    autoComplete: string,
-    classes: shape({
-        root: string
-    }),
-    label: string,
-    fieldName: string,
-    isToggleButtonHidden: bool,
-    validate: func
-};
-
-Password.defaultProps = {
-    isToggleButtonHidden: true,
-    validate: isRequired
-};
-
-export default Password;

package/src/overwrites/venia-ui/lib/components/Password/password.module.css

@@ -1,26 +0,0 @@
-.root:active {
-    --stroke: var(--venia-global-color-gray-700);
-}
-
-.passwordButton {
-    composes: root from '@magento/venia-ui/lib/components/Button/button.module.css';
-
-    --stroke: var(--venia-global-color-gray-500);
-
-    composes: bg-transparent from global;
-    composes: border-none from global;
-    composes: border-0 from global;
-    composes: min-w-0 from global;
-    composes: p-0 from global;
-    composes: rounded-none from global;
-
-    composes: focus_shadow-none from global;
-}
-
-.passwordButton:hover {
-    --stroke: var(--venia-global-color-gray-700);
-}
-
-.passwordButton:focus {
-    --stroke: var(--venia-global-color-gray-700);
-}

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Boolean/boolean.js

@@ -1,74 +0,0 @@
-import React, { Fragment } from 'react';
-import { arrayOf, shape, string } from 'prop-types';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-
-import defaultClasses from './boolean.module.css';
-
-/**
- * Custom Attributes Boolean Type component.
- *
- * @typedef Boolean
- * @kind functional component
- *
- * @param {props} props React component props
- *
- * @returns {React.Element} A React component that displays a Boolean Type Product Attribute.
- */
-const Boolean = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { attribute_metadata = {}, selected_attribute_options = {} } = props;
-
-    const attributeLabel = attribute_metadata.label ? (
-        <div className={classes.label}>{attribute_metadata.label}</div>
-    ) : null;
-    let attributeContent;
-
-    if (selected_attribute_options.attribute_option?.length > 0) {
-        const options = selected_attribute_options.attribute_option
-            .map(option => option.label)
-            .join(', ');
-
-        attributeContent = <div className={classes.content}>{options}</div>;
-    }
-
-    return (
-        <Fragment>
-            {attributeLabel}
-            {attributeContent}
-        </Fragment>
-    );
-};
-
-/**
- * Props for {@link Boolean}
- *
- * @typedef props
- *
- * @property {Object} classes An object containing the class names for the attribute
- * @property {String} classes.label CSS class for the attribute label
- * @property {String} classes.content CSS class for the attribute content
- * @property {Object} attribute_metadata An object containing the attribute metadata
- * @property {String} attribute_metadata.label The attribute label
- * @property {Object} selected_attribute_options An object containing the attribute selected options
- * @property {Array} selected_attribute_options.attribute_option An array of the selected options
- * @property {String} selected_attribute_options.attribute_option.label Label of the selected option
- */
-Boolean.propTypes = {
-    classes: shape({
-        label: string,
-        content: string
-    }),
-    attribute_metadata: shape({
-        label: string
-    }),
-    selected_attribute_options: shape({
-        attribute_option: arrayOf(
-            shape({
-                label: string
-            })
-        )
-    })
-};
-
-export default Boolean;

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Boolean/boolean.module.css

@@ -1,9 +0,0 @@
-.label {
-    composes: font-bold from global;
-    composes: inline-block from global;
-    composes: mr-2 from global;
-}
-
-.content {
-    composes: inline-block from global;
-}

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Boolean/index.js

@@ -1 +0,0 @@
-export { default } from './boolean';

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Date/date.js

@@ -1,82 +0,0 @@
-import React, { Fragment } from 'react';
-import { shape, string } from 'prop-types';
-import { FormattedDate } from 'react-intl';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-
-import defaultClasses from './date.module.css';
-
-/**
- * Custom Attributes Date Type component.
- *
- * @typedef Date
- * @kind functional component
- *
- * @param {props} props React component props
- *
- * @returns {React.Element} A React component that displays a Date Type Product Attribute.
- */
-const Date = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { attribute_metadata = {}, entered_attribute_value = {} } = props;
-
-    const attributeLabel = attribute_metadata.label ? (
-        <div className={classes.label}>{attribute_metadata.label}</div>
-    ) : null;
-    let attributeContent;
-
-    // TODO: Get correct data from GraphQl based on config time zone
-    if (entered_attribute_value.value) {
-        // Convert date to ISO-8601 format so Safari can also parse it
-        const isoFormattedDate = entered_attribute_value.value.replace(
-            ' ',
-            'T'
-        );
-
-        attributeContent = (
-            <div className={classes.content}>
-                <FormattedDate
-                    value={isoFormattedDate}
-                    year="numeric"
-                    month="short"
-                    day="2-digit"
-                />
-            </div>
-        );
-    }
-
-    return (
-        <Fragment>
-            {attributeLabel}
-            {attributeContent}
-        </Fragment>
-    );
-};
-
-/**
- * Props for {@link Date}
- *
- * @typedef props
- *
- * @property {Object} classes An object containing the class names for the attribute
- * @property {String} classes.label CSS class for the attribute label
- * @property {String} classes.content CSS class for the attribute content
- * @property {Object} attribute_metadata An object containing the attribute metadata
- * @property {String} attribute_metadata.label The attribute label
- * @property {Object} entered_attribute_value An object containing the attribute value
- * @property {String} entered_attribute_value.value Attribute value
- */
-Date.propTypes = {
-    classes: shape({
-        label: string,
-        content: string
-    }),
-    attribute_metadata: shape({
-        label: string
-    }),
-    entered_attribute_value: shape({
-        value: string
-    })
-};
-
-export default Date;

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Date/date.module.css

@@ -1,9 +0,0 @@
-.label {
-    composes: font-bold from global;
-    composes: inline-block from global;
-    composes: mr-2 from global;
-}
-
-.content {
-    composes: inline-block from global;
-}

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Date/index.js

@@ -1 +0,0 @@
-export { default } from './date';

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/DateTime/dateTime.js

@@ -1,85 +0,0 @@
-import React, { Fragment } from 'react';
-import { shape, string } from 'prop-types';
-import { FormattedDate, FormattedTime } from 'react-intl';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-
-import defaultClasses from './dateTime.module.css';
-
-/**
- * Custom Attributes DateTime Type component.
- *
- * @typedef DateTime
- * @kind functional component
- *
- * @param {props} props React component props
- *
- * @returns {React.Element} A React component that displays a DateTime Type Product Attribute.
- */
-const DateTime = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { attribute_metadata = {}, entered_attribute_value = {} } = props;
-
-    const attributeLabel = attribute_metadata.label ? (
-        <div className={classes.label}>{attribute_metadata.label}</div>
-    ) : null;
-    let attributeContent;
-
-    // TODO: Get correct data from GraphQl based on config time zone
-    if (entered_attribute_value.value) {
-        // Convert date to ISO-8601 format so Safari can also parse it
-        const isoFormattedDate = entered_attribute_value.value.replace(
-            ' ',
-            'T'
-        );
-
-        attributeContent = (
-            <div className={classes.content}>
-                <FormattedDate
-                    value={isoFormattedDate}
-                    year="numeric"
-                    month="short"
-                    day="2-digit"
-                />
-                {/* eslint-disable-next-line react/jsx-no-literals */}
-                {', '}
-                <FormattedTime value={isoFormattedDate} />
-            </div>
-        );
-    }
-
-    return (
-        <Fragment>
-            {attributeLabel}
-            {attributeContent}
-        </Fragment>
-    );
-};
-
-/**
- * Props for {@link DateTime}
- *
- * @typedef props
- *
- * @property {Object} classes An object containing the class names for the attribute
- * @property {String} classes.label CSS class for the attribute label
- * @property {String} classes.content CSS class for the attribute content
- * @property {Object} attribute_metadata An object containing the attribute metadata
- * @property {String} attribute_metadata.label The attribute label
- * @property {Object} entered_attribute_value An object containing the attribute value
- * @property {String} entered_attribute_value.value Attribute value
- */
-DateTime.propTypes = {
-    classes: shape({
-        label: string,
-        content: string
-    }),
-    attribute_metadata: shape({
-        label: string
-    }),
-    entered_attribute_value: shape({
-        value: string
-    })
-};
-
-export default DateTime;

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/DateTime/dateTime.module.css

@@ -1,9 +0,0 @@
-.label {
-    composes: font-bold from global;
-    composes: inline-block from global;
-    composes: mr-2 from global;
-}
-
-.content {
-    composes: inline-block from global;
-}

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/DateTime/index.js

@@ -1 +0,0 @@
-export { default } from './dateTime';

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Multiselect/index.js

@@ -1 +0,0 @@
-export { default } from './multiselect';

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Multiselect/multiselect.js

@@ -1,104 +0,0 @@
-import React, { Fragment } from 'react';
-import { arrayOf, bool, shape, string } from 'prop-types';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import RichContent from '@magento/venia-ui/lib/components/RichContent';
-
-import defaultClasses from './multiselect.module.css';
-
-/**
- * Custom Attributes Multiselect Type component.
- *
- * @typedef Multiselect
- * @kind functional component
- *
- * @param {props} props React component props
- *
- * @returns {React.Element} A React component that displays a Multiselect Type Product Attribute.
- */
-const Multiselect = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { attribute_metadata = {}, selected_attribute_options = {} } = props;
-
-    const attributeLabel = attribute_metadata.label ? (
-        <div className={classes.label}>{attribute_metadata.label}</div>
-    ) : null;
-    let attributeContent;
-
-    if (selected_attribute_options.attribute_option?.length > 0) {
-        const { is_html_allowed: isHtml } = attribute_metadata.ui_input;
-
-        if (isHtml) {
-            const options = selected_attribute_options.attribute_option.map(
-                (option, key) => {
-                    return (
-                        // TODO: Get decoded wysiwyg widgets from GraphQl
-                        <RichContent
-                            classes={{ root: classes.option }}
-                            key={key}
-                            html={option.label}
-                        />
-                    );
-                }
-            );
-
-            attributeContent = (
-                <div className={classes.contentHtml}>{options}</div>
-            );
-        } else {
-            const options = selected_attribute_options.attribute_option
-                .map(option => option.label)
-                .join(', ');
-
-            attributeContent = <div className={classes.content}>{options}</div>;
-        }
-    }
-
-    return (
-        <Fragment>
-            {attributeLabel}
-            {attributeContent}
-        </Fragment>
-    );
-};
-
-/**
- * Props for {@link Multiselect}
- *
- * @typedef props
- *
- * @property {Object} classes An object containing the class names for the attribute
- * @property {String} classes.label CSS class for the attribute label
- * @property {String} classes.content CSS class for the attribute content
- * @property {String} classes.contentHtml CSS class for the attribute content containing html
- * @property {Object} attribute_metadata An object containing the attribute metadata
- * @property {String} attribute_metadata.label The attribute label
- * @property {Object} attribute_metadata.ui_input An object containing the input ui data
- * @property {Boolean} attribute_metadata.ui_input.is_html_allowed Indicates if value might contain html
- * @property {Object} selected_attribute_options An object containing the attribute selected options
- * @property {Array} selected_attribute_options.attribute_option An array of the selected options
- * @property {String} selected_attribute_options.attribute_option.label Label of the selected option
- */
-Multiselect.propTypes = {
-    classes: shape({
-        label: string,
-        content: string,
-        contentHtml: string,
-        option: string
-    }),
-    attribute_metadata: shape({
-        label: string,
-        ui_input: shape({
-            is_html_allowed: bool
-        })
-    }),
-    selected_attribute_options: shape({
-        attribute_option: arrayOf(
-            shape({
-                label: string
-            })
-        )
-    })
-};
-
-export default Multiselect;

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Multiselect/multiselect.module.css

@@ -1,22 +0,0 @@
-.label {
-    composes: font-bold from global;
-    composes: inline-block from global;
-    composes: mr-2 from global;
-}
-
-.content {
-    composes: inline from global;
-}
-
-.contentHtml {
-    composes: inline from global;
-}
-
-.option {
-    composes: inline-block from global;
-    composes: break-words from global;
-}
-
-.option:not(:last-child)::after {
-    content: ',\00a0';
-}

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Price/index.js

@@ -1 +0,0 @@
-export { default } from './price';

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Price/price.js

@@ -1,74 +0,0 @@
-import React, { Fragment } from 'react';
-import { shape, string } from 'prop-types';
-
-import { BrowserPersistence } from '@magento/peregrine/lib/util';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import PriceComponent from '@magento/venia-ui/lib/components/Price';
-
-import defaultClasses from './price.module.css';
-
-const storage = new BrowserPersistence();
-
-/**
- * Custom Attributes Price Type component.
- *
- * @typedef Price
- * @kind functional component
- *
- * @param {props} props React component props
- *
- * @returns {React.Element} A React component that displays a Price Type Product Attribute.
- */
-const Price = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { attribute_metadata = {}, entered_attribute_value = {} } = props;
-
-    // TODO: Get complete price data from GraphQl including currency
-    const storeCurrency = storage.getItem('store_view_currency') || 'USD';
-    const attributeLabel = attribute_metadata.label ? (
-        <div className={classes.label}>{attribute_metadata.label}</div>
-    ) : null;
-    const attributeContent = entered_attribute_value.value ? (
-        <div className={classes.attributeContent}>
-            <PriceComponent
-                value={parseInt(entered_attribute_value.value)}
-                currencyCode={storeCurrency}
-            />
-        </div>
-    ) : null;
-
-    return (
-        <Fragment>
-            {attributeLabel}
-            {attributeContent}
-        </Fragment>
-    );
-};
-
-/**
- * Props for {@link Price}
- *
- * @typedef props
- *
- * @property {Object} classes An object containing the class names for the attribute
- * @property {String} classes.label CSS class for the attribute label
- * @property {String} classes.content CSS class for the attribute content
- * @property {Object} attribute_metadata An object containing the attribute metadata
- * @property {String} attribute_metadata.label The attribute label
- * @property {Object} entered_attribute_value An object containing the attribute value
- * @property {String} entered_attribute_value.value Attribute value
- */
-Price.propTypes = {
-    classes: shape({
-        label: string,
-        content: string
-    }),
-    attribute_metadata: shape({
-        label: string
-    }),
-    entered_attribute_value: shape({
-        value: string
-    })
-};
-
-export default Price;

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Price/price.module.css

@@ -1,9 +0,0 @@
-.label {
-    composes: font-bold from global;
-    composes: inline-block from global;
-    composes: mr-2 from global;
-}
-
-.content {
-    composes: inline-block from global;
-}

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/CustomAttributes/AttributeType/Select/index.js

@@ -1 +0,0 @@
-export { default } from './select';