@magmamath/students-features 0.5.5 → 0.5.6

package/dist/typescript/module/features/formulaSheet/components/FormulaSheetModal.d.ts

@@ -1,10 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { LoaderColor } from '@magmamath/react-native-ui';
-type FormulaSheetModalProps = {
-    isLoading: boolean;
-    loaderColor: LoaderColor;
-    onClose: () => void;
-};
-export declare const FormulaSheetModal: ({ children, loaderColor, isLoading, onClose, }: PropsWithChildren<FormulaSheetModalProps>) => React.JSX.Element;
-export {};
-//# sourceMappingURL=FormulaSheetModal.d.ts.map

package/dist/typescript/module/features/formulaSheet/components/FormulaSheetModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormulaSheetModal.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/components/FormulaSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAIL,WAAW,EAIZ,MAAM,4BAA4B,CAAA;AAEnC,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,mDAK3B,iBAAiB,CAAC,sBAAsB,CAAC,sBAkB3C,CAAA"}

package/dist/typescript/module/features/formulaSheet/index.d.ts

@@ -1,3 +0,0 @@
-export { FormulaSheet } from './components/FormulaSheet';
-export { FormulaSheetModel } from './model/model';
-//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/features/formulaSheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/formulaSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA"}

package/dist/typescript/module/features/formulaSheet/model/api.model.d.ts

@@ -1,9 +0,0 @@
-import { Effect } from 'effector';
-export type FormulaSheetApiProps = {
-    getPDFFileBlob: (id: string) => Promise<string>;
-};
-export declare class FormulaSheetAPI {
-    readonly getPDFFileBlobFx: Effect<string, string>;
-    setupRequests(api: FormulaSheetApiProps): void;
-}
-//# sourceMappingURL=api.model.d.ts.map

package/dist/typescript/module/features/formulaSheet/model/api.model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"api.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/model/api.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CAChD,CAAA;AAED,qBAAa,eAAe;IAC1B,SAAgB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAiB;IAElE,aAAa,CAAC,GAAG,EAAE,oBAAoB;CAG/C"}

package/dist/typescript/module/features/formulaSheet/model/file.model.d.ts

@@ -1,14 +0,0 @@
-import { StoreWritable } from 'effector';
-import { FormulaSheetAPI } from './api.model';
-type FormulaSheetFileProps = {
-    api: FormulaSheetAPI;
-};
-export declare class FormulaSheetFile {
-    readonly reset: import("effector").EventCallable<void>;
-    readonly $blob: StoreWritable<string | null>;
-    readonly setId: import("effector").EventCallable<string>;
-    readonly $id: StoreWritable<string | null>;
-    constructor({ api }: FormulaSheetFileProps);
-}
-export {};
-//# sourceMappingURL=file.model.d.ts.map

package/dist/typescript/module/features/formulaSheet/model/file.model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"file.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/model/file.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,aAAa,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,KAAK,qBAAqB,GAAG;IAC3B,GAAG,EAAE,eAAe,CAAA;CACrB,CAAA;AAED,qBAAa,gBAAgB;IAC3B,SAAgB,KAAK,yCAAgB;IACrC,SAAgB,KAAK,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAEnD,SAAgB,KAAK,2CAAwB;IAC7C,SAAgB,GAAG,+BAA4B;gBAEnC,EAAE,GAAG,EAAE,EAAE,qBAAqB;CAG3C"}

package/dist/typescript/module/features/formulaSheet/model/modal.model.d.ts

@@ -1,7 +0,0 @@
-export declare class FormulaSheetModal {
-    readonly reset: import("effector").EventCallable<void>;
-    readonly toggle: import("effector").EventCallable<void>;
-    readonly setIsOpen: import("effector").EventCallable<boolean>;
-    readonly $isOpen: import("effector").StoreWritable<boolean>;
-}
-//# sourceMappingURL=modal.model.d.ts.map

package/dist/typescript/module/features/formulaSheet/model/modal.model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/model/modal.model.ts"],"names":[],"mappings":"AAEA,qBAAa,iBAAiB;IAC5B,SAAgB,KAAK,yCAAgB;IACrC,SAAgB,MAAM,yCAAgB;IACtC,SAAgB,SAAS,4CAAyB;IAClD,SAAgB,OAAO,4CAEH;CACrB"}

package/dist/typescript/module/features/formulaSheet/model/model.d.ts

@@ -1,14 +0,0 @@
-import { FormulaSheetAPI, type FormulaSheetApiProps } from './api.model';
-import { FormulaSheetModal } from './modal.model';
-import { FormulaSheetFile } from './file.model';
-type FormulaSheetModelProps = {
-    api: FormulaSheetApiProps;
-};
-export declare class FormulaSheetModel {
-    readonly api: FormulaSheetAPI;
-    readonly modal: FormulaSheetModal;
-    readonly file: FormulaSheetFile;
-    constructor({ api }: FormulaSheetModelProps);
-}
-export {};
-//# sourceMappingURL=model.d.ts.map

package/dist/typescript/module/features/formulaSheet/model/model.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/formulaSheet/model/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE/C,KAAK,sBAAsB,GAAG;IAC5B,GAAG,EAAE,oBAAoB,CAAA;CAC1B,CAAA;AAED,qBAAa,iBAAiB;IAC5B,SAAgB,GAAG,kBAAwB;IAC3C,SAAgB,KAAK,oBAA0B;IAC/C,SAAgB,IAAI,mBAA0C;gBAElD,EAAE,GAAG,EAAE,EAAE,sBAAsB;CAgB5C"}

package/src/features/formulaSheet/components/FormulaSheet.tsx

@@ -1,74 +0,0 @@
-import React, { forwardRef, ReactNode, useEffect } from 'react'
-import { useUnit } from 'effector-react'
-import {
-  Button,
-  ButtonColor,
-  ButtonSize,
-  ButtonVariant,
-  COLORS,
-  TheoryIcon,
-  ButtonRef,
-  LoaderColor,
-} from '@magmamath/react-native-ui'
-import { FormulaSheetModel } from '../model/model'
-import { FormulaSheetModal } from './FormulaSheetModal'
-
-type FormulaSheetProps = {
-  model: FormulaSheetModel
-  fileId: string
-  renderer: (fileBlob: string) => ReactNode
-  buttonSize: ButtonSize
-  buttonColor: ButtonColor
-  loaderColor: LoaderColor
-  onPress?: () => void
-}
-
-export const FormulaSheet = forwardRef<ButtonRef | null, FormulaSheetProps>(
-  (
-    {
-      model,
-      fileId,
-      renderer,
-      buttonSize = ButtonSize.MEDIUM,
-      buttonColor = ButtonColor.BLUE,
-      loaderColor = LoaderColor.BLUE,
-      onPress,
-    },
-    ref,
-  ) => {
-    const isOpen = useUnit(model.modal.$isOpen)
-    const sheetFileBlob = useUnit(model.file.$blob)
-    const isRequestPending = useUnit(model.api.getPDFFileBlobFx.pending)
-
-    useEffect(() => {
-      model.file.setId(fileId ?? null)
-    }, [fileId])
-
-    return (
-      <>
-        <Button
-          ref={ref}
-          size={buttonSize}
-          variant={ButtonVariant.SECONDARY}
-          colorScheme={buttonColor}
-          isActive={isOpen}
-          onPress={() => {
-            model.modal.toggle()
-            onPress?.()
-          }}
-          icon={<TheoryIcon color={isOpen ? COLORS.NEUTRAL_1 : undefined} size={20} />}
-        />
-
-        {isOpen && (
-          <FormulaSheetModal
-            isLoading={isRequestPending}
-            loaderColor={loaderColor}
-            onClose={() => model.modal.setIsOpen(false)}
-          >
-            {renderer(sheetFileBlob ?? '')}
-          </FormulaSheetModal>
-        )}
-      </>
-    )
-  },
-)

package/src/features/formulaSheet/components/FormulaSheetModal.tsx

@@ -1,64 +0,0 @@
-import React, { PropsWithChildren } from 'react'
-import { View, Modal, StyleSheet, TouchableWithoutFeedback } from 'react-native'
-import {
-  BORDER_RADIUS,
-  COLORS,
-  Loader,
-  LoaderColor,
-  LoaderSize,
-  LoaderType,
-  SPACING,
-} from '@magmamath/react-native-ui'
-
-type FormulaSheetModalProps = {
-  isLoading: boolean
-  loaderColor: LoaderColor
-  onClose: () => void
-}
-
-export const FormulaSheetModal = ({
-  children,
-  loaderColor,
-  isLoading,
-  onClose,
-}: PropsWithChildren<FormulaSheetModalProps>) => {
-  return (
-    <Modal visible transparent animationType="none" onRequestClose={onClose}>
-      <TouchableWithoutFeedback onPress={onClose}>
-        <View style={styles.container}>
-          <TouchableWithoutFeedback onPress={(event) => event.stopPropagation()}>
-            <View style={styles.content}>
-              {isLoading ? (
-                <Loader type={LoaderType.PRIMARY} color={loaderColor} size={LoaderSize.LARGE} />
-              ) : (
-                children
-              )}
-            </View>
-          </TouchableWithoutFeedback>
-        </View>
-      </TouchableWithoutFeedback>
-    </Modal>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    width: '100%',
-    height: '100%',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'rgba(0, 0, 0, 0.25)',
-  },
-  content: {
-    width: '100%',
-    maxWidth: 720,
-    height: '100%',
-    maxHeight: '80%',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingHorizontal: SPACING['800'],
-    paddingVertical: SPACING['400'],
-    borderRadius: BORDER_RADIUS['400'],
-    backgroundColor: COLORS.NEUTRAL_1,
-  },
-})

package/src/features/formulaSheet/index.ts

@@ -1,2 +0,0 @@
-export { FormulaSheet } from './components/FormulaSheet'
-export { FormulaSheetModel } from './model/model'

package/src/features/formulaSheet/model/api.model.ts

@@ -1,13 +0,0 @@
-import { createEffect, Effect } from 'effector'
-
-export type FormulaSheetApiProps = {
-  getPDFFileBlob: (id: string) => Promise<string>
-}
-
-export class FormulaSheetAPI {
-  public readonly getPDFFileBlobFx: Effect<string, string> = createEffect()
-
-  public setupRequests(api: FormulaSheetApiProps) {
-    this.getPDFFileBlobFx.use(api.getPDFFileBlob)
-  }
-}

package/src/features/formulaSheet/model/file.model.ts

@@ -1,18 +0,0 @@
-import { createEvent, restore, StoreWritable } from 'effector'
-import { FormulaSheetAPI } from './api.model'
-
-type FormulaSheetFileProps = {
-  api: FormulaSheetAPI
-}
-
-export class FormulaSheetFile {
-  public readonly reset = createEvent()
-  public readonly $blob: StoreWritable<string | null>
-
-  public readonly setId = createEvent<string>()
-  public readonly $id = restore(this.setId, null)
-
-  constructor({ api }: FormulaSheetFileProps) {
-    this.$blob = restore(api.getPDFFileBlobFx.doneData, null).reset(this.reset)
-  }
-}

package/src/features/formulaSheet/model/modal.model.ts

@@ -1,10 +0,0 @@
-import { createEvent, restore } from 'effector'
-
-export class FormulaSheetModal {
-  public readonly reset = createEvent()
-  public readonly toggle = createEvent()
-  public readonly setIsOpen = createEvent<boolean>()
-  public readonly $isOpen = restore(this.setIsOpen, false)
-    .on(this.toggle, (state) => !state)
-    .reset(this.reset)
-}

package/src/features/formulaSheet/model/model.ts

@@ -1,31 +0,0 @@
-import { sample } from 'effector'
-import { FormulaSheetAPI, type FormulaSheetApiProps } from './api.model'
-import { FormulaSheetModal } from './modal.model'
-import { FormulaSheetFile } from './file.model'
-
-type FormulaSheetModelProps = {
-  api: FormulaSheetApiProps
-}
-
-export class FormulaSheetModel {
-  public readonly api = new FormulaSheetAPI()
-  public readonly modal = new FormulaSheetModal()
-  public readonly file = new FormulaSheetFile({ api: this.api })
-
-  constructor({ api }: FormulaSheetModelProps) {
-    this.api.setupRequests(api)
-
-    sample({
-      clock: this.modal.$isOpen,
-      source: [this.file.$id, this.file.$blob],
-      filter: ([fileId, blob], isOpen) => !!(isOpen && fileId && !blob),
-      fn: ([fileId]) => fileId as string,
-      target: this.api.getPDFFileBlobFx,
-    })
-
-    sample({
-      clock: this.file.$id,
-      target: [this.file.reset, this.modal.reset],
-    })
-  }
-}