react-science 0.28.1 → 0.30.0

package/src/components/forms/context/FieldsContext.tsx

@@ -1,82 +0,0 @@
-import styled from '@emotion/styled';
-import { createContext, ReactNode, useContext, useMemo } from 'react';
-
-interface FieldContext {
-  name?: string;
-  variant: 'default' | 'small';
-}
-
-interface FieldProps {
-  name: string;
-  label: string;
-  children: ReactNode;
-  variant?: 'default' | 'small';
-  required?: boolean;
-}
-
-const context = createContext<FieldContext | null>(null);
-
-const FieldContextRoot = styled.div`
-  display: flex;
-  flex-flow: row;
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  gap: 5px;
-`;
-
-const Label = styled.label<{ variant: FieldProps['variant'] }>`
-  position: relative;
-  display: inline-flex;
-  max-width: 100%;
-  line-height: ${(props) => (props.variant === 'small' ? '28px' : '32px')};
-  font-size: ${(props) => (props.variant === 'small' ? '1em' : '1.125em')};
-  white-space: nowrap;
-  text-align: end;
-`;
-
-const LabelContainer = styled.div`
-  flex-grow: 0;
-  display: inline-block;
-  overflow: hidden;
-  text-align: end;
-  vertical-align: middle;
-  white-space: nowrap;
-`;
-
-const FieldContextRequired = styled.span`
-  color: red;
-`;
-
-export function useFieldsContext(): FieldContext {
-  const ctx = useContext(context);
-
-  if (!ctx) {
-    return { name: undefined, variant: 'default' };
-  }
-
-  return ctx;
-}
-
-export function Field(props: FieldProps) {
-  const { label, name, children, required, variant } = props;
-
-  const memoized = useMemo(() => {
-    return { name, variant: variant || 'default' };
-  }, [name, variant]);
-
-  return (
-    <context.Provider value={memoized}>
-      <FieldContextRoot>
-        <LabelContainer>
-          <Label htmlFor={name} variant={memoized.variant}>
-            {label} {required && <FieldContextRequired>*</FieldContextRequired>}
-            :{' '}
-          </Label>
-        </LabelContainer>
-
-        {children}
-      </FieldContextRoot>
-    </context.Provider>
-  );
-}

package/src/components/forms/context/index.ts

@@ -1 +0,0 @@
-export * from './FieldsContext';

package/src/components/modal/ModalCloseButton.tsx

@@ -1,21 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import { FaTimes } from 'react-icons/fa';
-
-export default function ModalCloseButton(props: { onClick?: () => void }) {
-  return (
-    <div style={{ position: 'absolute', top: 4, right: 4 }}>
-      <button
-        type="button"
-        style={{ padding: '10px 6px 10px 6px' }}
-        onClick={props.onClick}
-        css={css({
-          color: 'rgba(239, 68, 68)',
-          ':hover': { color: 'rgba(185, 28, 28)' },
-        })}
-      >
-        <FaTimes />
-      </button>
-    </div>
-  );
-}

package/src/components/spinner/FullSpinner.tsx

@@ -1,57 +0,0 @@
-import { keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
-
-const spin = keyframes`
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-
-interface FullSpinnerProps {
-  width?: number;
-  height?: number;
-}
-
-const Spinner = styled.svg<FullSpinnerProps>`
-  height: ${({ height }) => `${height || 40}px`};
-  width: ${({ width }) => `${width || 40}px`};
-  animation: ${spin} 0.8s linear infinite;
-`;
-
-export function FullSpinner(props: FullSpinnerProps) {
-  // First div is used when using nextjs/dynamic even after component is loaded
-  return (
-    <div style={{ height: '100%' }}>
-      <div
-        style={{
-          display: 'flex',
-          height: '100%',
-          width: '100%',
-          alignItems: 'center',
-          justifyContent: 'center',
-        }}
-      >
-        <Spinner
-          {...props}
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-        >
-          <circle
-            style={{ opacity: 0.25 }}
-            cx="12"
-            cy="12"
-            r="10"
-            stroke="currentColor"
-            strokeWidth="4"
-          />
-          <path
-            style={{ opacity: 0.75 }}
-            fill="currentColor"
-            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-          />
-        </Spinner>
-      </div>
-    </div>
-  );
-}

package/src/components/spinner/index.ts

@@ -1 +0,0 @@
-export * from './FullSpinner';