@memori.ai/memori-react 8.45.1 → 8.45.4

package/src/components/VenueWidget/VenueWidget.css

@@ -1,163 +0,0 @@
-.memori--venue-widget {
-    padding: 0;
-    border: 0;
-    margin: 0;
-}
-
-.memori--venue-widget__uncertainty {
-    margin-inline: 0.5em;
-}
-
-.memori--venue-widget__map {
-    width: 100%;
-    height: 250px;
-}
-
-.memori--venue-widget__form-item {
-    margin-bottom: 1rem;
-}
-
-.memori--venue-widget__select-label {
-    display: inline-flex;
-    align-items: center;
-}
-
-.memori--venue-widget__geosuggest {
-    position: relative;
-    display: flex;
-    align-items: center;
-    margin-bottom: 1rem;
-}
-
-@media (max-width: 640px) {
-    .memori--venue-widget__geosuggest {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-}
-
-.memori--venue-widget-search {
-    z-index: 1001;
-}
-
-.memori--venue-widget-search--label {
-    display: inline-block;
-    margin-bottom: 0.25rem;
-}
-
-.memori--venue-widget-search input,
-.memori--venue-widget-search .memori--venue-widget-search--input {
-    flex: 1 1 auto;
-    padding: 10px;
-    border: 1px solid var(--memori-button-border-color, #ccc);
-    border-radius: 5px;
-    margin: 0;
-    font-size: 16px;
-    line-height: 1.5;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-.memori--venue-widget-search .memori--venue-widget-search--input.memori--venue-widget-search--input-disabled {
-    background-color: #f7fafc;
-    color: #a0aec0;
-    cursor: not-allowed;
-}
-
-.memori--venue-widget-search .memori--venue-widget-search--input:focus,
-.memori--venue-widget-search button:focus,
-.memori--venue-widget-search input:focus {
-    border-color: var(--memori-primary);
-    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-    outline: none;
-}
-
-.memori--venue-widget-search a {
-    color: var(--memori-primary);
-    text-decoration: underline;
-}
-
-ul.memori--venue-widget-search--options {
-    position: absolute;
-    z-index: 1;
-    overflow: auto;
-    width: 100%;
-    max-width: min(18rem, 30%);
-    max-height: 15rem;
-    padding-top: 0.25rem;
-    padding-right: 0;
-    padding-bottom: 0.25rem;
-    padding-left: 0;
-    border-radius: 0.375rem;
-    margin-top: 0.25rem;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    background: #fff;
-    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
-        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
-    list-style: none;
-}
-
-@media (min-width: 640px) {
-    .memori--venue-widget-search--options {
-        font-size: 0.875rem;
-        line-height: 1.25rem;
-    }
-}
-
-.memori--venue-widget-search--option {
-    position: relative;
-    padding-top: 0.5rem;
-    padding-right: 1rem;
-    padding-bottom: 0.5rem;
-    padding-left: 1rem;
-    color: rgb(17 24 39/1);
-    touch-action: none;
-    user-select: none;
-}
-
-li.memori--venue-widget-search--option {
-    cursor: pointer;
-    touch-action: initial;
-}
-
-li.memori--venue-widget-search--option:hover,
-li.memori--venue-widget-search--option:focus {
-    background-color: #f7fafc;
-}
-
-li.memori--venue-widget-search--option:focus {
-    outline: 2px solid #63b3ed;
-    outline-offset: 2px;
-}
-
-li.memori--venue-widget-search--option--selected {
-    background-color: #f7fafc;
-}
-
-li.memori--venue-widget-search--option--active {
-    background-color: #f7fafc;
-}
-
-.memori--venue-widget-search--option-centered {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-}
-
-.memori--venue--widget__place-name {
-    margin: 0 0 1rem;
-}
-
-.memori--venue-widget__gps-button {
-    padding: 0.5rem 1rem;
-    margin-left: 1rem;
-}
-
-@media (max-width: 640px) {
-    .memori--venue-widget__gps-button {
-        margin-top: 0.5rem;
-        margin-left: 0;
-    }
-}

package/src/components/VenueWidget/VenueWidget.stories.tsx

@@ -1,66 +0,0 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import I18nWrapper from '../../I18nWrapper';
-import VenueWidget, { Props } from './VenueWidget';
-import { venue } from '../../mocks/data';
-import './VenueWidget.css';
-
-const meta: Meta = {
-  title: 'Widget/VenueWidget',
-  component: VenueWidget,
-  parameters: {
-    controls: { expanded: true },
-  },
-};
-
-export default meta;
-
-const Template: Story<Props> = args => {
-  const [venue, setVenue] = React.useState(args.venue);
-  return (
-    <I18nWrapper>
-      <VenueWidget {...args} venue={venue} setVenue={setVenue} />
-    </I18nWrapper>
-  );
-};
-
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-export const Default = Template.bind({});
-Default.args = {};
-
-export const WithVenueExactLocartion = Template.bind({});
-WithVenueExactLocartion.args = {
-  venue: {
-    ...venue,
-    uncertainty: 0,
-  },
-};
-
-export const WithVenueUncertainty = Template.bind({});
-WithVenueUncertainty.args = {
-  venue: {
-    ...venue,
-    uncertainty: 2,
-  },
-};
-
-export const WithVenueLargeUncertainty = Template.bind({});
-WithVenueLargeUncertainty.args = {
-  venue: {
-    ...venue,
-    uncertainty: 20,
-  },
-};
-
-export const WithUncertaintyUI = Template.bind({});
-WithUncertaintyUI.args = {
-  venue,
-  showUncertainty: true,
-};
-
-export const WithoutGpsButton = Template.bind({});
-WithoutGpsButton.args = {
-  venue,
-  showGpsButton: false,
-};

package/src/components/VenueWidget/VenueWidget.test.tsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import VenueWidget from './VenueWidget';
-import { venue } from '../../mocks/data';
-
-it('renders empty VenueWidget unchanged', () => {
-  const { container } = render(<VenueWidget setVenue={jest.fn()} />);
-  expect(container).toMatchSnapshot();
-});
-
-it('renders VenueWidget with venue set, exact location', () => {
-  const { container } = render(
-    <VenueWidget
-      venue={{
-        ...venue,
-        uncertainty: 0,
-      }}
-      setVenue={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders VenueWidget with venue set, with uncertainty radius', () => {
-  const { container } = render(
-    <VenueWidget
-      venue={{
-        ...venue,
-        uncertainty: 10,
-      }}
-      setVenue={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders VenueWidget without uncertainty unchanged', () => {
-  const { container } = render(
-    <VenueWidget venue={venue} setVenue={jest.fn()} showUncertainty={false} />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders VenueWidget without gps button unchanged', () => {
-  const { container } = render(
-    <VenueWidget venue={venue} setVenue={jest.fn()} showGpsButton={false} />
-  );
-  expect(container).toMatchSnapshot();
-});