react-science 11.2.0 → 12.0.0

package/lib/components/hooks/useModifiedPopper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAA4C,EAAE,CAAC;IAE9D,IAAI,SAAS,EAAE,CAAC;QACd,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxE,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB;QACnB,gBAAgB;QAChB,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,GAAG,UAAU,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC"}

package/lib/components/root-layout/query_client.d.ts

@@ -1,3 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-export declare const queryClient: QueryClient;
-//# sourceMappingURL=query_client.d.ts.map

package/lib/components/root-layout/query_client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"query_client.d.ts","sourceRoot":"","sources":["../../../src/components/root-layout/query_client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAO,MAAM,WAAW,aAQtB,CAAC"}

package/lib/components/root-layout/query_client.js

@@ -1,11 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-export const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            refetchOnMount: false,
-            refetchOnReconnect: false,
-            refetchOnWindowFocus: false,
-        },
-    },
-});
-//# sourceMappingURL=query_client.js.map

package/lib/components/root-layout/query_client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"query_client.js","sourceRoot":"","sources":["../../../src/components/root-layout/query_client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,cAAc,EAAE,KAAK;YACrB,kBAAkB,EAAE,KAAK;YACzB,oBAAoB,EAAE,KAAK;SAC5B;KACF;CACF,CAAC,CAAC"}

package/src/components/forms/radio-group/ButtonRadioItem.tsx

@@ -1,78 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import * as RadioGroup from '@radix-ui/react-radio-group';
-
-import type { InputVariant } from '../styles.js';
-import { enabledColor } from '../styles.js';
-
-import type { RadioGroupProps, RadioOption } from './RadioGroup.js';
-
-const buttonStyles = {
-  container: css({
-    border: '1px solid rgba(0, 0, 0, 0.25)',
-    borderRightWidth: 0,
-    position: 'relative',
-  }),
-  item: (disabled: boolean, variant?: InputVariant) =>
-    css({
-      opacity: disabled ? 0.25 : 1,
-      padding: variant === 'default' ? '0px 15px' : '0px 7px',
-      width: '100%',
-      height: '100%',
-      cursor: 'pointer',
-      ':hover': {
-        '& > label': {
-          color: disabled ? '' : enabledColor,
-        },
-      },
-    }),
-
-  indicator: css({
-    position: 'absolute',
-    top: -1,
-    left: -1,
-    right: -1,
-    bottom: -1,
-    zIndex: 10,
-    border: '1px solid',
-    borderColor: enabledColor,
-
-    '& ~ label': {
-      color: enabledColor,
-    },
-  }),
-
-  label: (variant?: InputVariant) =>
-    css({
-      cursor: 'pointer',
-      fontSize: variant === 'small' ? '1em' : '1.125em',
-      lineHeight: variant === 'default' ? '30px' : '22px',
-    }),
-};
-
-export function ButtonRadioItem(
-  prop: RadioOption & Pick<RadioGroupProps, 'onSelect' | 'variant' | 'name'>,
-) {
-  const { value, label, disabled = false, onSelect, variant, name } = prop;
-  return (
-    <div css={buttonStyles.container}>
-      <RadioGroup.Item
-        css={buttonStyles.item(disabled, variant)}
-        value={value}
-        id={`${value}${name}`}
-        onClick={() => {
-          if (!disabled) onSelect?.(prop);
-        }}
-      >
-        <RadioGroup.Indicator css={buttonStyles.indicator} />
-        <label
-          css={buttonStyles.label(variant)}
-          htmlFor={`${value}${name}`}
-          style={{}}
-        >
-          {label}
-        </label>
-      </RadioGroup.Item>
-    </div>
-  );
-}

package/src/components/forms/radio-group/RadioGroup.tsx

@@ -1,75 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import * as RadioGroupRadix from '@radix-ui/react-radio-group';
-import type { ReactNode } from 'react';
-
-import type { InputVariant } from '../styles.js';
-
-import { ButtonRadioItem } from './ButtonRadioItem.js';
-
-export interface RadioOption {
-  value: string;
-  label: ReactNode;
-  disabled?: boolean;
-}
-export interface RadioGroupProps {
-  selected?: RadioOption;
-  options?: RadioOption[];
-  onSelect?: (option: RadioOption) => void;
-  name?: string;
-  disabled?: boolean;
-  variant?: InputVariant;
-  id?: string;
-}
-const rootStyles = {
-  basic: css({
-    display: 'flex',
-    flexDirection: 'row',
-    width: 'fit-content',
-  }),
-  button: (variant: InputVariant) =>
-    css({
-      ' & > *:first-of-type, & > *:first-of-type span': {
-        borderRadius: variant === 'default' ? '6px 0 0 6px' : '4px 0 0 4px',
-      },
-      ' & > *:last-of-type, & > *:last-of-type span': {
-        borderRightWidth: 1,
-        borderRadius: variant === 'default' ? '0 6px 6px 0' : '0 4px 4px 0',
-      },
-    }),
-};
-export function RadioGroup(props: RadioGroupProps) {
-  const {
-    id,
-    selected,
-    disabled: groupDisabled = false,
-    options = [],
-    onSelect,
-    name = '',
-    variant = 'default',
-  } = props;
-  return (
-    <RadioGroupRadix.Root
-      id={id}
-      css={[rootStyles.basic, rootStyles.button(variant)]}
-      style={{
-        gap: 0,
-      }}
-      value={selected?.value}
-      name={name}
-      disabled={groupDisabled}
-    >
-      {options?.map(({ value, label, disabled }) => {
-        const childProps = {
-          value,
-          label,
-          disabled: groupDisabled || disabled,
-          onSelect,
-          variant,
-          name,
-        };
-        return <ButtonRadioItem key={value} {...childProps} />;
-      })}
-    </RadioGroupRadix.Root>
-  );
-}

package/src/components/forms/radio-group/index.ts

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

package/src/components/hooks/useModifiedPopper.ts

@@ -1,77 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import type { HTMLAttributes } from 'react';
-import { useState } from 'react';
-import type { Modifier } from 'react-popper';
-import { usePopper } from 'react-popper';
-
-const sameWidthModifier: Modifier<'sameWidth'> = {
-  name: 'sameWidth',
-  enabled: true,
-  phase: 'beforeWrite',
-  requires: ['computeStyles'],
-  fn: ({ state }) => {
-    state.styles.popper.width = `${state.rects.reference.width}px`;
-  },
-  effect: ({ state }) => {
-    state.elements.popper.style.width = `${
-      state.elements.reference.getBoundingClientRect().width
-    }px`;
-  },
-};
-
-function getOffsetModifier(offset: number): Modifier<'offset'> {
-  return {
-    name: 'offset',
-    options: {
-      offset: [0, offset],
-    },
-  };
-}
-
-export interface UseModifiedPopperReturn<
-  R extends Element = HTMLDivElement,
-  P extends HTMLElement = HTMLDivElement,
-> {
-  setReferenceElement: (ref: R | null) => void;
-  setPopperElement: (popper: P | null) => void;
-  popperProps: HTMLAttributes<P>;
-}
-
-export function useModifiedPopper<
-  R extends Element = HTMLDivElement,
-  P extends HTMLElement = HTMLDivElement,
->(options: {
-  placement?: Placement;
-  offset?: number;
-  sameWidth?: boolean;
-}): UseModifiedPopperReturn<R, P> {
-  const { offset, placement, sameWidth } = options;
-
-  const [referenceElement, setReferenceElement] = useState<R | null>(null);
-  const [popperElement, setPopperElement] = useState<P | null>(null);
-
-  const modifiers: Array<Modifier<'sameWidth' | 'offset'>> = [];
-
-  if (sameWidth) {
-    modifiers.push(sameWidthModifier);
-  }
-
-  if (offset) {
-    modifiers.push(getOffsetModifier(offset));
-  }
-
-  const { styles, attributes } = usePopper(referenceElement, popperElement, {
-    placement,
-    strategy: 'fixed',
-    modifiers,
-  });
-
-  return {
-    setReferenceElement,
-    setPopperElement,
-    popperProps: {
-      style: styles.popper,
-      ...attributes.popper,
-    },
-  };
-}

package/src/components/root-layout/query_client.ts

@@ -1,11 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-
-export const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnMount: false,
-      refetchOnReconnect: false,
-      refetchOnWindowFocus: false,
-    },
-  },
-});