new determiners functionality in phrase builder

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pashto-inflector",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",

src/components/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@lingdocs/ps-react",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lingdocs/ps-react",
-      "version": "7.4.1",
+      "version": "7.5.0",
       "license": "MIT",
       "dependencies": {
         "@formkit/auto-animate": "^1.0.0-beta.3",

src/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/ps-react",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "description": "Pashto inflector library module with React components",
   "main": "dist/components/library.js",
   "module": "dist/components/library.js",

src/components/src/ComplementPicker.tsx

@@ -3,29 +3,39 @@ import * as T from "../../types";
 import AdjectivePicker from "./np-picker/AdjectivePicker";
 import LocativeAdverbPicker from "./ep-explorer/eq-comp-picker/LocativeAdverbPicker";
 import SandwichPicker from "./np-picker/SandwichPicker";
-const compTypes: T.ComplementType[] = ["adjective", "loc. adv.", "sandwich", "comp. noun"];
+const compTypes: T.ComplementType[] = [
+  "adjective",
+  "loc. adv.",
+  "sandwich",
+  "comp. noun",
+];
 
-function selectionTypeToCompType(s: Exclude<T.ComplementType, "comp. noun"> | "noun"): T.ComplementType {
+function selectionTypeToCompType(
+  s: Exclude<T.ComplementType, "comp. noun"> | "noun"
+): T.ComplementType {
   if (s === "noun") return "comp. noun";
   return s;
 }
 
 function ComplementPicker(props: {
-    phraseIsComplete: boolean,
+  phraseIsComplete: boolean;
-    onChange: (comp: T.ComplementSelection | undefined) => void,
+  onChange: (comp: T.ComplementSelection | undefined) => void;
-    comp: T.ComplementSelection | undefined,
+  comp: T.ComplementSelection | undefined;
-    opts: T.TextOptions,
+  opts: T.TextOptions;
-    cantClear?: boolean,
+  cantClear?: boolean;
-    heading?: JSX.Element | string,
+  heading?: JSX.Element | string;
-    entryFeeder: T.EntryFeeder,
+  entryFeeder: T.EntryFeeder;
+  negative: boolean;
 }) {
-    const [compType, setCompType] = useState<T.ComplementType | undefined>(props.comp
+  const [compType, setCompType] = useState<T.ComplementType | undefined>(
-        ? selectionTypeToCompType(props.comp.selection.type)
+    props.comp ? selectionTypeToCompType(props.comp.selection.type) : undefined
-        : undefined);
+  );
   useEffect(() => {
-        setCompType(props.comp
+    setCompType(
+      props.comp
         ? selectionTypeToCompType(props.comp.selection.type)
-            : undefined);
+        : undefined
+    );
   }, [props.comp]);
   function handleClear() {
     setCompType(undefined);
@@ -39,26 +49,32 @@ function ComplementPicker(props: {
     setCompType(undefined);
     props.onChange(undefined);
   }
-    const clearButton = (compType && !props.cantClear) 
+  const clearButton =
-        ? <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>
+    compType && !props.cantClear ? (
-        : <div></div>;
+      <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>
-    return <>
+        X
+      </button>
+    ) : (
+      <div></div>
+    );
+  return (
+    <>
       <div className="d-flex flex-row justify-content-between">
         <div></div>
         <div>
-                {typeof props.heading === "string"
+          {typeof props.heading === "string" ? (
-                    ? <div className="h5 text-center">{props.heading}</div>
+            <div className="h5 text-center">{props.heading}</div>
-                    : props.heading}
+          ) : (
+            props.heading
+          )}
         </div>
-            <div>
+        <div>{clearButton}</div>
-                {clearButton}
       </div>
-        </div>
+      {!compType && (
-        {!compType && <div className="text-center">
+        <div className="text-center">
-            <div className="h6 mr-3">
+          <div className="h6 mr-3">Choose Complement</div>
-                Choose Complement
+          {compTypes.map((cpt) => (
-            </div>
+            <div key={cpt} className="mb-2">
-            {compTypes.map((cpt) => <div key={cpt} className="mb-2">
               <button
                 key={cpt}
                 type="button"
@@ -67,41 +83,70 @@ function ComplementPicker(props: {
               >
                 {cpt}
               </button>
-            </div>)}
+            </div>
-        </div>}
+          ))}
+        </div>
+      )}
       <div style={{ minWidth: "9rem" }}>
-            {compType === "adjective" ? 
+        {compType === "adjective" ? (
           <AdjectivePicker
             entryFeeder={props.entryFeeder}
-                    adjective={props.comp?.selection.type === "adjective" ? props.comp.selection : undefined}
+            adjective={
+              props.comp?.selection.type === "adjective"
+                ? props.comp.selection
+                : undefined
+            }
             opts={props.opts}
-                    onChange={(a) => props.onChange(a ? { type: "complement", selection: a } : undefined)}
+            onChange={(a) =>
+              props.onChange(
+                a ? { type: "complement", selection: a } : undefined
+              )
+            }
             phraseIsComplete={props.phraseIsComplete}
+            negative={props.negative}
           />
-            : compType === "loc. adv."
+        ) : compType === "loc. adv." ? (
-            ? <LocativeAdverbPicker
+          <LocativeAdverbPicker
             entryFeeder={props.entryFeeder.locativeAdverbs}
-                adjective={props.comp?.selection.type === "loc. adv." ? props.comp.selection : undefined}
+            adjective={
+              props.comp?.selection.type === "loc. adv."
+                ? props.comp.selection
+                : undefined
+            }
             opts={props.opts}
-                onChange={(a) => props.onChange(a ? { type: "complement", selection: a } : undefined)}
+            onChange={(a) =>
+              props.onChange(
+                a ? { type: "complement", selection: a } : undefined
+              )
+            }
           />
-            : compType === "sandwich"
+        ) : compType === "sandwich" ? (
-            ? <SandwichPicker
+          <SandwichPicker
-                onChange={(a) => props.onChange(a ? { type: "complement", selection: a } : undefined)}
+            onChange={(a) =>
+              props.onChange(
+                a ? { type: "complement", selection: a } : undefined
+              )
+            }
             opts={props.opts}
-                sandwich={props.comp?.selection.type === "sandwich" ? props.comp.selection : undefined}
+            sandwich={
+              props.comp?.selection.type === "sandwich"
+                ? props.comp.selection
+                : undefined
+            }
             entryFeeder={props.entryFeeder}
             onExit={handleSandwichExit}
             // TODO: get phraseIsComplete working here
             phraseIsComplete={props.phraseIsComplete}
+            negative={props.negative}
           />
-            : compType === "comp. noun"
+        ) : compType === "comp. noun" ? (
-            ? <div style={{ maxWidth: "9rem" }}>
+          <div style={{ maxWidth: "9rem" }}>
             Sorry, can't choose complement nouns yet 🚧
           </div>
-            : null}
+        ) : null}
       </div>
-    </>;
+    </>
+  );
 }
 
 export default ComplementPicker;

src/components/src/EntrySelect.tsx

@@ -25,27 +25,31 @@ export const customStyles: StylesConfig = {
     ...base,
     padding: 0,
   }),
-}
+};
 
 function EntrySelect<E extends T.DictionaryEntry | T.VerbEntry>(props: {
-    entryFeeder: T.EntryFeederSingleType<E>,
+  entryFeeder: T.EntryFeederSingleType<E>;
-    value: E | undefined,
+  value: E | undefined;
-    onChange: (value: E | undefined) => void,
+  onChange: (value: E | undefined) => void;
-    name: string | undefined,
+  name: string | undefined;
-    isVerbSelect?: boolean,
+  isVerbSelect?: boolean;
-    opts: T.TextOptions,
+  opts: T.TextOptions;
-    style?: StyleHTMLAttributes<HTMLDivElement>,
+  style?: StyleHTMLAttributes<HTMLDivElement>;
-    placeholder?: string,
+  placeholder?: string;
 }) {
   const divStyle = props.style || { width: "13rem" };
-    const placeholder = "placeholder" in props
+  const placeholder =
+    "placeholder" in props
       ? props.placeholder
       : "search" in props.entryFeeder
       ? "Search Pashto"
       : "Search…";
   function makeOption(e: E | T.DictionaryEntry) {
     if ("entry" in e) {
-            return (props.isVerbSelect ? makeVerbSelectOption : makeSelectOption)(e, props.opts);
+      return (props.isVerbSelect ? makeVerbSelectOption : makeSelectOption)(
+        e,
+        props.opts
+      );
     }
     return makeSelectOption(e, props.opts);
   }
@@ -54,10 +58,14 @@ function EntrySelect<E extends T.DictionaryEntry | T.VerbEntry>(props: {
     const search = props.entryFeeder.search;
     const getByTs = props.entryFeeder.getByTs;
     const options = (searchString: string) =>
-            new Promise<{ value: string, label: string | JSX.Element }[]>(resolve => {
+      new Promise<{ value: string; label: string | JSX.Element }[]>(
+        (resolve) => {
           resolve(search(searchString).map(makeOption));
-            });
+        }
-        const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
+      );
+    const onChange = (
+      v: { label: string | JSX.Element; value: string } | null
+    ) => {
       if (!v) {
         props.onChange(undefined);
         return;
@@ -65,8 +73,9 @@ function EntrySelect<E extends T.DictionaryEntry | T.VerbEntry>(props: {
       const s = getByTs(parseInt(v.value));
       if (!s) return;
       props.onChange(s);
-        }
+    };
-        return <div style={divStyle}>
+    return (
+      <div style={divStyle}>
         <AsyncSelect
           styles={customStyles}
           isSearchable={true}
@@ -78,51 +87,94 @@ function EntrySelect<E extends T.DictionaryEntry | T.VerbEntry>(props: {
           loadOptions={options}
           placeholder={placeholder}
         />
-        </div>;
+      </div>
+    );
   }
   const entries = props.entryFeeder;
   const options = entries
     .sort((a, b) => {
       if ("entry" in a) {
-                return a.entry.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS")
+        return a.entry.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
       }
       return a.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
     })
     .map(makeOption);
-    const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
+  const onChange = (
+    v: { label: string | JSX.Element; value: string } | null
+  ) => {
     if (!v) {
       props.onChange(undefined);
       return;
     }
-        const s = entries.find(e => (
+    const s = entries.find((e) =>
-            ("entry" in e) 
+      "entry" in e
         ? e.entry.ts.toString() === v.value
         : e.ts.toString() === v.value
-        ));
+    );
     if (!s) return;
     props.onChange(s);
-    }
+  };
-    return <div style={divStyle}>
+  return (
+    <div style={divStyle}>
       <Select
         styles={customStyles}
         isSearchable={true}
         value={value || null}
-            // @ts-ignore - gets messed up when using customStyles
+        // @ts-ignore - sadly gets messed up when using customStyles
         onChange={onChange}
         className="mb-2"
         options={options}
         placeholder={placeholder}
       />
     </div>
+  );
+}
+
+export function DeterminerSelect(props: {
+  determiners: Readonly<T.Determiner[]>;
+  value: T.Determiner[];
+  onChange: (value: T.Determiner[] | undefined) => void;
+  name: string | undefined;
+  opts: T.TextOptions;
+}) {
+  const placeholder = "Select determiner…";
+  const value = props.value ? props.value.map(makeDeterminerOption) : undefined;
+  const options = props.determiners.map(makeDeterminerOption);
+  const onChange = (
+    v: { label: string | JSX.Element; value: string }[] | null
+  ) => {
+    if (!v) {
+      props.onChange(undefined);
+      return;
+    }
+    const dets: T.Determiner[] = v.map(
+      ({ value }) => JSON.parse(value) as T.Determiner
+    );
+    props.onChange(dets);
+  };
+  return (
+    <Select
+      name={props.name}
+      styles={customStyles}
+      isSearchable={true}
+      value={value}
+      isMulti
+      // @ts-ignore - gets messed up when using customStyles
+      onChange={onChange}
+      className="mb-2"
+      options={options}
+      placeholder={placeholder}
+    />
+  );
 }
 
 export function SandwichSelect<E extends T.Sandwich>(props: {
-    sandwiches: E[],
+  sandwiches: E[];
-    value: E | undefined,
+  value: E | undefined;
-    onChange: (value: E | undefined) => void,
+  onChange: (value: E | undefined) => void;
-    name: string | undefined,
+  name: string | undefined;
-    opts: T.TextOptions,
+  opts: T.TextOptions;
-    style?: StyleHTMLAttributes<HTMLDivElement>,
+  style?: StyleHTMLAttributes<HTMLDivElement>;
 }) {
   const divStyle = props.style || { width: "13rem" };
   const placeholder = "Select Sandwich…";
@@ -135,22 +187,30 @@ export function SandwichSelect<E extends T.Sandwich>(props: {
     //     return a.p.localeCompare("p" in b ? b.p : b.entry.p, "af-PS");
     // })
     .map(makeSandwichOption);
-    const onChange = (v: { label: string | JSX.Element, value: string } | null) => {
+  const onChange = (
+    v: { label: string | JSX.Element; value: string } | null
+  ) => {
     if (!v) {
       props.onChange(undefined);
       return;
     }
-        const s = props.sandwiches.find(e => {
+    const s = props.sandwiches.find((e) => {
       const sValue = JSON.parse(v.value) as T.Sandwich;
-            if (sValue.type !== "sandwich") throw new Error("error converting selected sandwich value to a sandwich");
+      if (sValue.type !== "sandwich")
-            return sandwichSideEq(e.before, sValue.before)
+        throw new Error(
-                && sandwichSideEq(e.after, sValue.after)
+          "error converting selected sandwich value to a sandwich"
-                && (e.e === sValue.e);
+        );
+      return (
+        sandwichSideEq(e.before, sValue.before) &&
+        sandwichSideEq(e.after, sValue.after) &&
+        e.e === sValue.e
+      );
     });
     if (!s) return;
     props.onChange(s);
-    }
+  };
-    return <div style={divStyle}>
+  return (
+    <div style={divStyle}>
       <div>Sandwich Base</div>
       <Select
         styles={customStyles}
@@ -163,11 +223,15 @@ export function SandwichSelect<E extends T.Sandwich>(props: {
         placeholder={placeholder}
       />
     </div>
+  );
 }
 
-function sandwichSideEq(s1: T.PsString | undefined, s2: T.PsString | undefined): boolean {
+function sandwichSideEq(
+  s1: T.PsString | undefined,
+  s2: T.PsString | undefined
+): boolean {
   if (s1 === undefined && s2 === undefined) {
-        return true
+    return true;
   }
   if (typeof s1 === "object" && typeof s2 === "object" && s1.p === s2.p) {
     return true;
@@ -175,9 +239,21 @@ function sandwichSideEq(s1: T.PsString | undefined, s2: T.PsString | undefined):
   return false;
 }
 
-function makeSandwichOption(s: T.Sandwich): { label: string, value: string } {
+function makeDeterminerOption(d: T.Determiner): {
+  label: string;
+  value: string;
+} {
   return {
-        label: `${s.before ? s.before.p : ""} ... ${s.after ? s.after.p : ""} (${s.e})`,
+    label: `${d.p} - ${d.f}`,
+    value: JSON.stringify(d),
+  };
+}
+
+function makeSandwichOption(s: T.Sandwich): { label: string; value: string } {
+  return {
+    label: `${s.before ? s.before.p : ""} ... ${s.after ? s.after.p : ""} (${
+      s.e
+    })`,
     value: JSON.stringify(s),
   };
 }

src/components/src/ap-picker/APPicker.tsx

@@ -6,22 +6,21 @@ type APType = "adverb" | "sandwich";
 const types: APType[] = ["adverb", "sandwich"];
 
 function APPicker(props: {
-    phraseIsComplete: boolean,
+  phraseIsComplete: boolean;
-    onChange: (comp: T.APSelection | undefined) => void,
+  onChange: (comp: T.APSelection | undefined) => void;
-    AP: T.APSelection | undefined,
+  AP: T.APSelection | undefined;
-    opts: T.TextOptions,
+  opts: T.TextOptions;
-    cantClear?: boolean,
+  cantClear?: boolean;
-    heading?: JSX.Element | string,
+  heading?: JSX.Element | string;
-    entryFeeder: T.EntryFeeder,
+  entryFeeder: T.EntryFeeder;
-    onRemove: () => void,
+  onRemove: () => void;
+  negative: boolean;
 }) {
-    const [type, setType] = useState<APType | undefined>(props.AP
+  const [type, setType] = useState<APType | undefined>(
-        ? props.AP.selection.type
+    props.AP ? props.AP.selection.type : undefined
-        : undefined);
+  );
   useEffect(() => {
-        setType(props.AP
+    setType(props.AP ? props.AP.selection.type : undefined);
-            ? props.AP.selection.type
-            : undefined);
   }, [props.AP]);
   function handleClear() {
     setType(undefined);
@@ -35,30 +34,38 @@ function APPicker(props: {
     setType(undefined);
     props.onChange(undefined);
   }
-    const clearButton = (type && !props.cantClear) 
+  const clearButton =
-        ? <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>
+    type && !props.cantClear ? (
-        : (!props.cantClear) 
+      <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>
-        ? <div>
+        X
-            <div className="clickable" onClick={props.onRemove}><i className="fas fa-trash" /></div>
+      </button>
+    ) : !props.cantClear ? (
+      <div>
+        <div className="clickable" onClick={props.onRemove}>
+          <i className="fas fa-trash" />
         </div>
-        : <div></div>;
+      </div>
-    return <>
+    ) : (
+      <div></div>
+    );
+  return (
+    <>
       <div className="d-flex flex-row justify-content-between">
         <div></div>
         <div>
-                {typeof props.heading === "string"
+          {typeof props.heading === "string" ? (
-                    ? <div className="h5 text-center">{props.heading}</div>
+            <div className="h5 text-center">{props.heading}</div>
-                    : props.heading}
+          ) : (
+            props.heading
+          )}
         </div>
-            <div>
+        <div>{clearButton}</div>
-                {clearButton}
       </div>
-        </div>
+      {!type && (
-        {!type && <div className="text-center">
+        <div className="text-center">
-            <div className="h6 mr-3">
+          <div className="h6 mr-3">Choose AP</div>
-                Choose AP
+          {types.map((apt) => (
-            </div>
+            <div key={apt} className="mb-2">
-            {types.map((apt) => <div key={apt} className="mb-2">
               <button
                 key={apt}
                 type="button"
@@ -67,28 +74,44 @@ function APPicker(props: {
               >
                 {apt}
               </button>
-            </div>)}
+            </div>
-        </div>}
+          ))}
+        </div>
+      )}
       <div style={{ minWidth: "9rem" }}>
-            {type === "adverb" ? 
+        {type === "adverb" ? (
           <AdverbPicker
             entryFeeder={props.entryFeeder.adverbs}
-                    adjective={props.AP?.selection.type === "adverb" ? props.AP.selection : undefined}
+            adjective={
+              props.AP?.selection.type === "adverb"
+                ? props.AP.selection
+                : undefined
+            }
             opts={props.opts}
-                    onChange={(a) => props.onChange(a ? { type: "AP", selection: a } : undefined)}
+            onChange={(a) =>
+              props.onChange(a ? { type: "AP", selection: a } : undefined)
+            }
           />
-            : type === "sandwich" ?
+        ) : type === "sandwich" ? (
           <SandwichPicker
-                    onChange={(a) => props.onChange(a ? { type: "AP", selection: a } : undefined)}
+            onChange={(a) =>
+              props.onChange(a ? { type: "AP", selection: a } : undefined)
+            }
             opts={props.opts}
-                    sandwich={props.AP?.selection.type === "sandwich" ? props.AP.selection : undefined}
+            sandwich={
+              props.AP?.selection.type === "sandwich"
+                ? props.AP.selection
+                : undefined
+            }
             entryFeeder={props.entryFeeder}
             phraseIsComplete={props.phraseIsComplete}
             onExit={handleSandwichExit}
+            negative={props.negative}
           />
-            : null}
+        ) : null}
       </div>
-    </>;
+    </>
+  );
 }
 
 export default APPicker;

src/components/src/blocks/Block.tsx

@@ -600,23 +600,24 @@ function Sandwich({
   );
 }
 
-function Demonstrative({
+function Determiners({
   opts,
   script,
   children,
 }: {
   opts: T.TextOptions;
   script: "p" | "f";
-  children: T.Rendered<T.DemonstrativeSelection> | undefined;
+  children: T.Rendered<T.DeterminersSelection> | undefined;
 }) {
   if (!children) {
     return null;
   }
   return (
     <div className="text-center">
-      <Border padding={"1rem"}>{children.ps[script]}</Border>
+      Determiners here!
+      {/* <Border padding={"1rem"}>{children.ps[script]}</Border>
       <div>DEM</div>
-      <SubText>{children.e}</SubText>
+      <SubText>{children.e}</SubText> */}
     </div>
   );
 }
@@ -663,8 +664,8 @@ export function NPBlock({
     np.selection.possesor &&
     !np.selection.possesor.shrunken
   );
-  const demWithoutNoun =
+  const detsWithoutNoun =
-    np.selection.demonstrative && !np.selection.demonstrative.withNoun;
+    np.selection.determiners && !np.selection.determiners.withNoun;
   const elements = [
     ...(!inside
       ? [
@@ -675,12 +676,12 @@ export function NPBlock({
           </Possesors>,
         ]
       : []),
-    <Demonstrative opts={opts} script={script}>
+    <Determiners opts={opts} script={script}>
-      {np.selection.demonstrative ? np.selection.demonstrative : undefined}
+      {np.selection.determiners}
-    </Demonstrative>,
+    </Determiners>,
     <div
       style={{
-        opacity: demWithoutNoun ? 0.5 : 1,
+        opacity: detsWithoutNoun ? 0.5 : 1,
       }}
     >
       <Adjectives opts={opts} script={script}>
@@ -689,7 +690,7 @@ export function NPBlock({
     </div>,
     <div
       style={{
-        opacity: demWithoutNoun ? 0.5 : 1,
+        opacity: detsWithoutNoun ? 0.5 : 1,
       }}
       className={np.selection.adjectives?.length ? "mx-1" : ""}
     >

src/components/src/ep-explorer/EPPicker.tsx

@@ -3,20 +3,24 @@ import NPPicker from "../np-picker/NPPicker";
 import EquativePicker from "./EquativePicker";
 import ButtonSelect from "../ButtonSelect";
 import ComplementPicker from "../ComplementPicker";
-import epsReducer, { EpsReducerAction } from "../../../lib/src/phrase-building/eps-reducer";
+import epsReducer, {
-import {
+  EpsReducerAction,
-    useEffect,
+} from "../../../lib/src/phrase-building/eps-reducer";
-    useRef,
+import { useEffect, useRef } from "react";
-} from "react";
 import { completeEPSelection } from "../../../lib/src/phrase-building/render-ep";
 import APPicker from "../../src/ap-picker/APPicker";
 import autoAnimate from "@formkit/auto-animate";
 
-function EPPicker({ opts, eps, onChange, entryFeeder }: {
+function EPPicker({
-    opts: T.TextOptions,
+  opts,
-    eps: T.EPSelectionState,
+  eps,
-    onChange: (eps: T.EPSelectionState) => void,
+  onChange,
-    entryFeeder: T.EntryFeeder,
+  entryFeeder,
+}: {
+  opts: T.TextOptions;
+  eps: T.EPSelectionState;
+  onChange: (eps: T.EPSelectionState) => void;
+  entryFeeder: T.EntryFeeder;
 }) {
   const parent = useRef<HTMLDivElement>(null);
   useEffect(() => {
@@ -26,45 +30,84 @@ function EPPicker({ opts, eps, onChange, entryFeeder }: {
     onChange(epsReducer(eps, action));
   }
   const phraseIsComplete = !!completeEPSelection(eps);
-    return <div>
+  return (
-        <div className="clickable h5" onClick={() => adjustEps({ type: "insert new AP" })}>+ AP</div>
+    <div>
-        <div ref={parent} className="d-flex flex-row justify-content-around flex-wrap" style={{ marginLeft: "-0.5rem", marginRight: "-0.5rem" }}>
+      <div
+        className="clickable h5"
+        onClick={() => adjustEps({ type: "insert new AP" })}
+      >
+        + AP
+      </div>
+      <div
+        ref={parent}
+        className="d-flex flex-row justify-content-around flex-wrap"
+        style={{ marginLeft: "-0.5rem", marginRight: "-0.5rem" }}
+      >
         {eps.blocks.map(({ block, key }, i) => (
           <div className="my-2 card block-card p-1 mx-1" key={key}>
-                    <div className="d-flex flex-row justify-content-between mb-1" style={{ height: "1rem" }}>
+            <div
-                        {i > 0 ? <div
+              className="d-flex flex-row justify-content-between mb-1"
+              style={{ height: "1rem" }}
+            >
+              {i > 0 ? (
+                <div
                   className="small clickable ml-1"
-                            onClick={() => adjustEps({ type: "shift block", payload: { index: i, direction: "back" }})}
+                  onClick={() =>
+                    adjustEps({
+                      type: "shift block",
+                      payload: { index: i, direction: "back" },
+                    })
+                  }
                 >
                   <i className="fas fa-chevron-left" />
-                        </div> : <div/>}
+                </div>
-                        {i < eps.blocks.length - 1 ? <div
+              ) : (
+                <div />
+              )}
+              {i < eps.blocks.length - 1 ? (
+                <div
                   className="small clickable mr-1"
-                            onClick={() => adjustEps({ type: "shift block", payload: { index: i, direction: "forward" }})}
+                  onClick={() =>
+                    adjustEps({
+                      type: "shift block",
+                      payload: { index: i, direction: "forward" },
+                    })
+                  }
                 >
                   <i className="fas fa-chevron-right" />
-                        </div> : <div/>}
                 </div>
-                    {block && block.type === "subjectSelection"
+              ) : (
-                        ? <NPPicker
+                <div />
+              )}
+            </div>
+            {block && block.type === "subjectSelection" ? (
+              <NPPicker
                 phraseIsComplete={phraseIsComplete}
                 heading={<div className="h5 text-center">Subject</div>}
                 entryFeeder={entryFeeder}
                 np={block.selection}
                 counterPart={undefined}
                 role="subject"
-                            onChange={payload => adjustEps({ type: "set subject", payload })}
+                onChange={(payload) =>
+                  adjustEps({ type: "set subject", payload })
+                }
                 opts={opts}
+                negative={eps.equative.negative}
               />
-                    : <APPicker
+            ) : (
+              <APPicker
+                negative={eps.equative.negative}
                 phraseIsComplete={phraseIsComplete}
                 heading="AP"
                 entryFeeder={entryFeeder}
                 AP={block}
                 opts={opts}
-                        onChange={AP => adjustEps({ type: "set AP", payload: { index: i, AP } })}
+                onChange={(AP) =>
+                  adjustEps({ type: "set AP", payload: { index: i, AP } })
+                }
                 onRemove={() => adjustEps({ type: "remove AP", payload: i })}
-                    />}
+              />
+            )}
           </div>
         ))}
         <div className="my-2 card block-card p-1">
@@ -77,35 +120,52 @@ function EPPicker({ opts, eps, onChange, entryFeeder }: {
                 { value: "Complement", label: "Complement" },
               ]}
               value={eps.predicate.type}
-                        handleChange={payload => adjustEps({ type: "set predicate type", payload })}
+              handleChange={(payload) =>
+                adjustEps({ type: "set predicate type", payload })
+              }
             />
           </div>
-                {eps.predicate.type === "NP" ? <NPPicker
+          {eps.predicate.type === "NP" ? (
+            <NPPicker
               phraseIsComplete={phraseIsComplete}
               entryFeeder={entryFeeder}
               np={eps.predicate.type === "NP" ? eps.predicate.NP : undefined}
               counterPart={undefined}
               role="subject"
-                    onChange={payload => adjustEps({ type: "set predicate NP", payload })}
+              onChange={(payload) =>
+                adjustEps({ type: "set predicate NP", payload })
+              }
               opts={opts}
-                /> : <ComplementPicker
+              negative={eps.equative.negative}
+            />
+          ) : (
+            <ComplementPicker
               phraseIsComplete={phraseIsComplete}
-                    comp={eps.predicate.type === "Complement" ? eps.predicate.Complement : undefined}
+              comp={
-                    onChange={payload => adjustEps({ type: "set predicate complement", payload })}
+                eps.predicate.type === "Complement"
+                  ? eps.predicate.Complement
+                  : undefined
+              }
+              onChange={(payload) =>
+                adjustEps({ type: "set predicate complement", payload })
+              }
               opts={opts}
               entryFeeder={entryFeeder}
-                />}
+              negative={eps.equative.negative}
+            />
+          )}
         </div>
         <div className="my-2">
           <div className="h5 text-center clickable">Equative</div>
           <EquativePicker
             equative={eps.equative}
-                    onChange={payload => adjustEps({ type: "set equative", payload })}
+            onChange={(payload) => adjustEps({ type: "set equative", payload })}
             hideNegative={false}
           />
         </div>
       </div>
-    </div>;
+    </div>
+  );
 }
 
 export default EPPicker;

src/components/src/np-picker/AdjectiveManager.tsx

@@ -8,6 +8,7 @@ function AdjectiveManager(props: {
   opts: T.TextOptions;
   onChange: (adjs: T.AdjectiveSelection[]) => void;
   phraseIsComplete: boolean;
+  negative: boolean;
 }) {
   const [adding, setAdding] = useState<boolean>(false);
   function handleChange(i: number) {
@@ -48,6 +49,7 @@ function AdjectiveManager(props: {
             entryFeeder={props.entryFeeder}
             opts={props.opts}
             onChange={handleAddNew}
+            negative={props.negative}
           />
         </div>
       )}
@@ -70,6 +72,7 @@ function AdjectiveManager(props: {
             </div>
           </div>
           <AdjectivePicker
+            negative={props.negative}
             phraseIsComplete={props.phraseIsComplete}
             noTitle
             key={`adj${i}`}

src/components/src/np-picker/AdjectivePicker.tsx

@@ -5,12 +5,13 @@ import EntrySelect from "../EntrySelect";
 import SandwichPicker from "./SandwichPicker";
 
 function AdjectivePicker(props: {
-    entryFeeder: T.EntryFeeder,
+  entryFeeder: T.EntryFeeder;
-    adjective: T.AdjectiveSelection | undefined,
+  adjective: T.AdjectiveSelection | undefined;
-    onChange: (p: T.AdjectiveSelection | undefined) => void,
+  onChange: (p: T.AdjectiveSelection | undefined) => void;
-    opts: T.TextOptions,
+  opts: T.TextOptions;
-    noTitle?: boolean,
+  noTitle?: boolean;
-    phraseIsComplete: boolean,
+  phraseIsComplete: boolean;
+  negative: boolean;
 }) {
   const [addingSandwich, setAddingSandwich] = useState<boolean>(false);
   function onEntrySelect(entry: T.AdjectiveEntry | undefined) {
@@ -19,7 +20,9 @@ function AdjectivePicker(props: {
     }
     props.onChange(makeAdjectiveSelection(entry));
   }
-    function handleSandwichChange(s: T.SandwichSelection<T.Sandwich> | undefined) {
+  function handleSandwichChange(
+    s: T.SandwichSelection<T.Sandwich> | undefined
+  ) {
     if (!props.adjective) return;
     props.onChange({
       ...props.adjective,
@@ -33,8 +36,11 @@ function AdjectivePicker(props: {
     setAddingSandwich(false);
     props.onChange(undefined);
   }
-    return <div style={{ maxWidth: "225px", minWidth: "125px" }}>
+  return (
-        {(props.adjective?.sandwich || addingSandwich) && <SandwichPicker
+    <div style={{ maxWidth: "225px", minWidth: "125px" }}>
+      {(props.adjective?.sandwich || addingSandwich) && (
+        <SandwichPicker
+          negative={props.negative}
           onChange={handleSandwichChange}
           opts={props.opts}
           sandwich={props.adjective?.sandwich}
@@ -42,11 +48,14 @@ function AdjectivePicker(props: {
           onExit={handleSandwichExit}
           // TODO: not allowing shrinking any possesisives on sandwiches for now - need to work with the blocks and their special behaviour
           phraseIsComplete={false}
-        />}
+        />
+      )}
       <div className="d-flex flex-row justify-content-between align-items-baseline">
-            {!props.noTitle && <div>
+        {!props.noTitle && (
+          <div>
             <div className="h6">Adjective</div>
-            </div>}
+          </div>
+        )}
         {/* not ready for sandwiches on adjectives */}
         {/* {(!addingSandwich && props.adjective && !props.adjective?.sandwich)
                 ? <div className="clickable" onClick={() => setAddingSandwich(true)}>+ Sandwich</div>
@@ -62,7 +71,8 @@ function AdjectivePicker(props: {
           opts={props.opts}
         />
       </div>
-    </div>;
+    </div>
+  );
 }
 
 export default AdjectivePicker;

src/components/src/np-picker/DeterminersPicker.tsx

@@ -1,38 +1,46 @@
 import * as T from "../../../types";
-import classNames from "classnames";
+import { DeterminerSelect } from "../EntrySelect";
 
-export default function DemonstrativePicker({
+export default function DeterminersPicker({
-  demonstrative,
+  determiners,
   onChange,
+  opts,
+  negative,
 }: {
-  demonstrative: T.NounSelection["demonstrative"];
+  determiners: T.NounSelection["determiners"];
-  onChange: (dem: T.NounSelection["demonstrative"]) => void;
+  onChange: (dem: T.NounSelection["determiners"]) => void;
+  opts: T.TextOptions;
+  negative: boolean;
 }) {
-  function handleDChange(d: "daa" | "hagha" | "dagha") {
+  function allowed(d: T.Determiner): boolean {
-    if (!demonstrative) {
+    if (d.p === "هیڅ" && !negative) {
-      onChange({
+      return false;
-        type: "demonstrative",
-        demonstrative: d,
-        withNoun: true,
-      });
-    } else {
-      onChange({
-        ...demonstrative,
-        demonstrative: d,
-      });
     }
+    return true;
   }
   function handleWithNounChange(e: React.ChangeEvent<HTMLInputElement>) {
-    if (demonstrative) {
+    if (determiners) {
       onChange({
-        ...demonstrative,
+        ...determiners,
         withNoun: e.target.checked,
       });
     }
   }
+  function handleDeterminerChange(value: T.Determiner[] | undefined) {
+    onChange({
+      type: "determiners",
+      withNoun: determiners ? determiners.withNoun : true,
+      determiners: value
+        ? value.map((d) => ({
+            type: "determiner",
+            determiner: d,
+          }))
+        : [],
+    });
+  }
   return (
     <div>
-      <div className="d-flex flex-row justify-content-around py-1">
+      {/* <div className="d-flex flex-row justify-content-around py-1">
         <div>
           <button
             className={classNames("btn", "btn-outline-secondary", {
@@ -63,20 +71,29 @@ export default function DemonstrativePicker({
             هغه
           </button>
         </div> 
-      </div>
+      </div> */}
+      <DeterminerSelect
+        determiners={T.determiners.filter(allowed)}
+        value={
+          determiners ? determiners.determiners.map((x) => x.determiner) : []
+        }
+        onChange={handleDeterminerChange}
+        name="determiner"
+        opts={opts}
+      />
       <div
         className="form-check"
         style={{
-          opacity: demonstrative ? 1 : 0.5,
+          opacity: determiners ? 1 : 0.5,
         }}
       >
         <input
           className="form-check-input"
           type="checkbox"
-          checked={demonstrative?.withNoun}
+          checked={determiners?.withNoun}
           onChange={handleWithNounChange}
           id="withNoun"
-          disabled={!demonstrative}
+          disabled={!determiners}
         />
         <label className="form-check-label text-muted" htmlFor="withNoun">
           with noun

src/components/src/np-picker/NPNounPicker.tsx

@@ -7,7 +7,7 @@ import InlinePs from "../InlinePs";
 import EntrySelect from "../EntrySelect";
 import AdjectiveManager from "./AdjectiveManager";
 import { useState } from "react";
-import DemonstrativePicker from "./DemonstrativePicker";
+import DeterminersPicker from "./DeterminersPicker";
 
 // const filterOptions = [
 //     {
@@ -62,9 +62,9 @@ function NPNounPicker(props: {
   onChange: (p: T.NounSelection | undefined) => void;
   opts: T.TextOptions;
   phraseIsComplete: boolean;
+  negative: boolean;
 }) {
-  const [addingDemonstrative, setAddingDemonstrative] =
+  const [addingDeterminers, setAddingDeterminers] = useState<boolean>(false);
-    useState<boolean>(false);
   // const [patternFilter, setPatternFilter] = useState<FilterPattern | undefined>(undefined);
   // const [showFilter, setShowFilter] = useState<boolean>(false)
   // const nounsFiltered = props.nouns
@@ -88,13 +88,13 @@ function NPNounPicker(props: {
       });
     }
   }
-  function handleDemonstrativeChange(
+  function handleDeterminersChange(
-    demonstrative: undefined | T.NounSelection["demonstrative"]
+    determiners: undefined | T.NounSelection["determiners"]
   ) {
     if (props.noun) {
       props.onChange({
         ...props.noun,
-        demonstrative,
+        determiners,
       });
     }
   }
@@ -105,32 +105,34 @@ function NPNounPicker(props: {
         minWidth: "125px",
       }}
     >
-      {!addingDemonstrative && !props.noun?.demonstrative ? (
+      {!addingDeterminers && !props.noun?.determiners ? (
         <div>
           <span
             className="clickable text-muted"
-            onClick={() => setAddingDemonstrative(true)}
+            onClick={() => setAddingDeterminers(true)}
           >
-            + Demonstrative
+            + Determiners
           </span>
         </div>
       ) : (
         <div>
           <div className="d-flex flex-row justify-content-between mb-1">
-            <div>{!props.noun?.demonstrative ? "Add" : ""} Demonstrative</div>
+            <div>{!props.noun?.determiners ? "Add" : ""} Determiners</div>
             <div
               className="clickable"
               onClick={() => {
-                handleDemonstrativeChange(undefined);
+                handleDeterminersChange(undefined);
-                setAddingDemonstrative(false);
+                setAddingDeterminers(false);
               }}
             >
               <i className="fas fa-trash" />
             </div>
           </div>
-          <DemonstrativePicker
+          <DeterminersPicker
-            demonstrative={props.noun?.demonstrative}
+            determiners={props.noun?.determiners}
-            onChange={handleDemonstrativeChange}
+            onChange={handleDeterminersChange}
+            opts={props.opts}
+            negative={props.negative}
           />
         </div>
       )}
@@ -151,13 +153,14 @@ function NPNounPicker(props: {
       <div
         style={{
           opacity:
-            props.noun?.demonstrative && !props.noun.demonstrative.withNoun
+            props.noun?.determiners && !props.noun.determiners.withNoun
               ? 0.5
               : 1,
         }}
       >
         {props.noun && (
           <AdjectiveManager
+            negative={props.negative}
             phraseIsComplete={props.phraseIsComplete}
             adjectives={props.noun?.adjectives}
             entryFeeder={props.entryFeeder}

src/components/src/np-picker/NPPicker.tsx

@@ -25,6 +25,7 @@ function NPPicker(props: {
   phraseIsComplete: boolean;
   isShrunk?: boolean;
   isRemoved?: boolean;
+  negative: boolean;
 }) {
   if (
     props.is2ndPersonPicker &&
@@ -223,6 +224,7 @@ function NPPicker(props: {
                 role="possesor"
                 opts={props.opts}
                 entryFeeder={props.entryFeeder}
+                negative={props.negative}
               />
             </div>
           )}
@@ -250,6 +252,7 @@ function NPPicker(props: {
           <NounPicker
             phraseIsComplete={props.phraseIsComplete}
             entryFeeder={props.entryFeeder}
+            negative={props.negative}
             noun={
               props.np && props.np.selection.type === "noun"
                 ? props.np.selection

src/components/src/np-picker/SandwichPicker.tsx

@@ -5,14 +5,17 @@ import { useEffect, useState } from "react";
 import NPPicker from "./NPPicker";
 
 function SandwichPicker(props: {
-    opts: T.TextOptions,
+  opts: T.TextOptions;
-    onChange: (s: T.SandwichSelection<T.Sandwich> | undefined) => void,
+  onChange: (s: T.SandwichSelection<T.Sandwich> | undefined) => void;
   sandwich: T.SandwichSelection<T.Sandwich> | undefined;
-    entryFeeder: T.EntryFeeder,
+  entryFeeder: T.EntryFeeder;
-    phraseIsComplete: boolean,
+  phraseIsComplete: boolean;
-    onExit: () => void,
+  onExit: () => void;
+  negative: boolean;
 }) {
-    const [sandwichBase, setSandwichBase] = useState<T.Sandwich | undefined>(props.sandwich);
+  const [sandwichBase, setSandwichBase] = useState<T.Sandwich | undefined>(
+    props.sandwich
+  );
   useEffect(() => {
     setSandwichBase(props.sandwich);
   }, [props.sandwich]);
@@ -43,7 +46,8 @@ function SandwichPicker(props: {
   function handleExit() {
     props.onExit();
   }
-    return <div>
+  return (
+    <div>
       <div className="d-flex flex-row justify-content-between">
         <div></div>
         <div className="text-center">🥪 Sandwich</div>
@@ -52,7 +56,8 @@ function SandwichPicker(props: {
         </div>
       </div>
       <div style={{ border: "1px #6C757D solid", padding: "3px" }}>
-        {sandwichBase && <div className="mb-2" style={{ margin: "0 auto" }}>
+        {sandwichBase && (
+          <div className="mb-2" style={{ margin: "0 auto" }}>
             <NPPicker
               onChange={handleNounChange}
               np={props.sandwich ? props.sandwich.inside : undefined}
@@ -62,8 +67,10 @@ function SandwichPicker(props: {
               cantClear={true}
               entryFeeder={props.entryFeeder}
               phraseIsComplete={props.phraseIsComplete}
+              negative={props.negative}
             />
-        </div>}
+          </div>
+        )}
         <SandwichSelect
           name="sandwich"
           opts={props.opts}
@@ -72,7 +79,8 @@ function SandwichPicker(props: {
           onChange={handleSandwichChange}
         />
       </div>
-    </div>;
+    </div>
+  );
 }
 
 export default SandwichPicker;

src/components/src/vp-explorer/VPExplorer.tsx

@@ -44,7 +44,7 @@ function VPExplorer(props: {
     props.loaded
       ? props.loaded
       : (savedVps) => makeVPSelectionState(props.verb, savedVps),
-    "vpsState16",
+    "vpsState17",
     flashMessage
   );
   const [mode, setMode] = useStickyState<"charts" | "phrases" | "quiz">(

src/components/src/vp-explorer/VPPicker.tsx

@@ -163,6 +163,7 @@ function VPPicker({
               </div>
               {!block || block.type === "AP" ? (
                 <APPicker
+                  negative={vps.verb.negative}
                   phraseIsComplete={phraseIsComplete}
                   heading="AP"
                   entryFeeder={entryFeeder}
@@ -238,6 +239,7 @@ function VPPicker({
                   opts={opts}
                   isShrunk={servantIsShrunk && roles.servant === "subject"}
                   isRemoved={roles.king === "subject" && VPS?.form.removeKing}
+                  negative={VPS?.verb.negative || false}
                 />
               ) : vps.verb &&
                 block?.type === "objectSelection" &&
@@ -350,6 +352,7 @@ function VPPicker({
                       isRemoved={
                         roles.king === "object" && VPS?.form.removeKing
                       }
+                      negative={VPS?.verb.negative || false}
                     />
                   )}
                 </div>
@@ -372,6 +375,7 @@ function VPPicker({
               }
               opts={opts}
               entryFeeder={entryFeeder}
+              negative={vps.verb.negative}
             />
           </div>
         )}

src/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/inflect",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "description": "Pashto inflector library",
   "main": "dist/index.js",
   "types": "dist/lib/library.d.ts",

src/lib/src/inflections-and-vocative.ts

@@ -48,7 +48,7 @@ type Plurals =
 // const endingInHayOrAynRegex = /[^ا][هع]$/;
 
 export function getInfsAndVocative(
-  entryR: T.DictionaryEntryNoFVars,
+  entryR: T.DictionaryEntryNoFVars | T.Determiner,
   plurals: Plurals
 ):
   | {

src/lib/src/new-verb-engine/render-verb.ts

@@ -5,6 +5,7 @@ import {
   personNumber,
   personToGenNum,
 } from "../misc-helpers";
+import { monoidPsString } from "../fp-ps";
 import { applySingleOrLengthOpts, fmapSingleOrLengthOpts } from "../fp-ps";
 import {
   concatPsString,
@@ -448,7 +449,7 @@ function ensure3rdPast(
   }
   const abruptEnder = ["د", "ت", "ړ"].includes(rs[0].p.slice(-1));
   // short endings like ورسېد
-  const ends = abruptEnder ? [{ p: "", f: "" }, ...ending] : ending;
+  const ends = abruptEnder ? [monoidPsString.empty, ...ending] : ending;
   return verbEndingConcat(rs, ends);
 }
 

src/lib/src/pashto-inflector.ts

@@ -23,7 +23,7 @@ export function inflectWord(word: T.DictionaryEntry): T.InflectorOutput {
   // If it's a noun/adj, inflect accordingly
   // TODO: What about n. f. / adj. that end in ي ??
   const w = removeFVarients(word);
-  if (w.c?.includes("doub.")) {
+  if (word.c?.includes("doub.")) {
     const words = splitDoubleWord(w);
     // TODO: Make this work for non-unisex double words
     //  Right now this an extremely bad and complex way to do this

src/lib/src/phrase-building/blocks-utils.ts

@@ -420,3 +420,122 @@ function arrayMove<X>(ar: X[], old_index: number, new_index: number): X[] {
   arr.splice(new_i, 0, arr.splice(old_index, 1)[0]);
   return arr;
 }
+
+// TODO: This takes 8 helper functions to recursively go down and check all determiners
+//  - is this what LENSES would help with?
+export function removeHeetsDet<B extends T.VPSBlock[] | T.EPSBlock[]>(
+  blocks: B
+): B {
+  return blocks.map<T.VPSBlock | T.EPSBlock>((x) => ({
+    key: x.key,
+    block: removeHeetsDetFromBlock(x.block),
+  })) as B;
+}
+
+function removeHeetsDetFromBlock<
+  B extends T.VPSBlock["block"] | T.EPSBlock["block"]
+>(block: B): B {
+  if (!block) {
+    return block;
+  }
+  if (block.type === "AP") {
+    return removeHeetsDetFromAP(block) as B;
+  }
+  if (block.type === "complement") {
+    return removeHeetsFromComp(block) as B;
+  }
+  return {
+    ...block,
+    selection:
+      typeof block.selection === "object"
+        ? removeHeetsFromNP(block.selection)
+        : block.selection,
+  };
+}
+
+function removeHeetsDetFromAP(ap: T.APSelection): T.APSelection {
+  if (ap.selection.type === "adverb") {
+    return ap;
+  }
+  return {
+    ...ap,
+    selection: removeHeetsFromSandwich(ap.selection),
+  };
+}
+
+function removeHeetsFromSandwich(
+  sand: T.SandwichSelection<T.Sandwich>
+): T.SandwichSelection<T.Sandwich> {
+  return {
+    ...sand,
+    inside: removeHeetsFromNP(sand.inside),
+  };
+}
+
+function removeHeetsFromAdjective(
+  adj: T.AdjectiveSelection
+): T.AdjectiveSelection {
+  return {
+    ...adj,
+    sandwich: adj.sandwich ? removeHeetsFromSandwich(adj.sandwich) : undefined,
+  };
+}
+
+function removeHeetsFromComp(
+  comp: T.ComplementSelection
+): T.ComplementSelection {
+  if (comp.selection.type === "adjective") {
+    return {
+      ...comp,
+      selection: removeHeetsFromAdjective(comp.selection),
+    };
+  }
+  if (comp.selection.type === "noun") {
+    return {
+      ...comp,
+      selection: removeHeetsFromNoun(comp.selection),
+    };
+  }
+  if (comp.selection.type === "sandwich") {
+    return {
+      ...comp,
+      selection: removeHeetsFromSandwich(comp.selection),
+    };
+  }
+  // should be only a loc. adv. left
+  return comp;
+}
+
+function removeHeetsFromNoun(n: T.NounSelection): T.NounSelection {
+  return {
+    ...n,
+    adjectives: n.adjectives.map(removeHeetsFromAdjective),
+    ...(n.determiners
+      ? {
+          determiners: {
+            ...n.determiners,
+            determiners: removeHeetsFromDets(n.determiners.determiners),
+          },
+        }
+      : {}),
+  };
+}
+
+function removeHeetsFromNP(np: T.NPSelection): T.NPSelection {
+  if (np.selection.type === "noun") {
+    return {
+      ...np,
+      selection: removeHeetsFromNoun(np.selection),
+    };
+  }
+  return np;
+}
+
+function removeHeetsFromDets(
+  dets: T.DeterminerSelection[]
+): T.DeterminerSelection[] {
+  if (!dets) {
+    return dets;
+  }
+  return dets.filter((d) => d.determiner.p !== "هیڅ");
+}

src/lib/src/phrase-building/compile.ts

@@ -22,7 +22,7 @@ import {
   specifyEquativeLength,
 } from "./blocks-utils";
 import { blank, kidsBlank } from "../misc-helpers";
-import { monoidPsStringWVars } from "../fp-ps";
+import { monoidPsString, monoidPsStringWVars } from "../fp-ps";
 import { concatAll } from "fp-ts/lib/Monoid";
 
 type BlankoutOptions = {
@@ -275,7 +275,7 @@ function applyBlankOut(
       return kidsBlank;
     }
     if (blankOut?.negative && "block" in x && x.block.type === "negative") {
-      return { p: "", f: "" };
+      return monoidPsString.empty;
     }
     return x;
   });
@@ -314,7 +314,7 @@ function getPsFromPiece(
     }
     if (piece.block.type === "objectSelection") {
       if (typeof piece.block.selection !== "object") {
-        return [{ p: "", f: "" }];
+        return [monoidPsString.empty];
       }
       return getPashtoFromRendered(piece.block.selection, subjectPerson);
     }

src/lib/src/phrase-building/eps-reducer.ts

@@ -1,53 +1,73 @@
 import * as T from "../../../types";
-import {
+import { personGender, personNumber } from "../misc-helpers";
-    personGender,
-    personNumber,
-} from "../misc-helpers";
 import { isUnisexNounEntry } from "../type-predicates";
 import { checkForMiniPronounsError } from "./compile";
-import { adjustSubjectSelection, getSubjectSelection, insertNewAP, removeAP, setAP, shiftBlock } from "./blocks-utils";
+import {
+  adjustSubjectSelection,
+  getSubjectSelection,
+  insertNewAP,
+  removeAP,
+  removeHeetsDet,
+  setAP,
+  shiftBlock,
+} from "./blocks-utils";
 
-export type EpsReducerAction = {
+export type EpsReducerAction =
-    type: "set predicate type",
+  | {
-    payload: "NP" | "Complement",
+      type: "set predicate type";
-} | {
+      payload: "NP" | "Complement";
-    type: "set subject",
+    }
-    payload: T.NPSelection | undefined,
+  | {
-} | {
+      type: "set subject";
-    type: "set predicate NP",
+      payload: T.NPSelection | undefined;
-    payload: T.NPSelection | undefined,
+    }
-} | {
+  | {
-    type: "set predicate complement",
+      type: "set predicate NP";
-    payload: T.ComplementSelection | undefined,
+      payload: T.NPSelection | undefined;
-} | {
+    }
-    type: "set omitSubject",
+  | {
-    payload: "true" | "false",
+      type: "set predicate complement";
-} | {
+      payload: T.ComplementSelection | undefined;
-    type: "set equative",
+    }
-    payload: T.EquativeSelection,
+  | {
-} | {
+      type: "set omitSubject";
-    type: "insert new AP",
+      payload: "true" | "false";
-} | {
+    }
-    type: "set AP",
+  | {
+      type: "set equative";
+      payload: T.EquativeSelection;
+    }
+  | {
+      type: "insert new AP";
+    }
+  | {
+      type: "set AP";
       payload: {
-        index: number,
+        index: number;
-        AP: T.APSelection | undefined,
+        AP: T.APSelection | undefined;
-    },
+      };
-} | {
+    }
-    type: "remove AP",
+  | {
-    payload: number,
+      type: "remove AP";
-} | {
+      payload: number;
-    type: "shift block",
+    }
+  | {
+      type: "shift block";
       payload: {
-        index: number,
+        index: number;
-        direction: "back" | "forward",
+        direction: "back" | "forward";
-    },
+      };
-} | {
+    }
-    type: "load EPS",
+  | {
-    payload: T.EPSelectionState,
+      type: "load EPS";
-}
+      payload: T.EPSelectionState;
+    };
 
-export default function epsReducer(eps: T.EPSelectionState, action: EpsReducerAction, sendAlert?: (msg: string) => void): T.EPSelectionState {
+export default function epsReducer(
+  eps: T.EPSelectionState,
+  action: EpsReducerAction,
+  sendAlert?: (msg: string) => void
+): T.EPSelectionState {
   if (action.type === "set predicate type") {
     return {
       ...eps,
@@ -65,17 +85,26 @@ export default function epsReducer(eps: T.EPSelectionState, action: EpsReducerAc
         blocks: adjustSubjectSelection(eps.blocks, subject),
       };
     }
-        if (subject.selection.type === "pronoun" && eps.predicate.type === "NP" && eps.predicate.NP?.selection.type === "noun" && isUnisexNounEntry(eps.predicate.NP.selection.entry)) {
+    if (
+      subject.selection.type === "pronoun" &&
+      eps.predicate.type === "NP" &&
+      eps.predicate.NP?.selection.type === "noun" &&
+      isUnisexNounEntry(eps.predicate.NP.selection.entry)
+    ) {
       const predicate = eps.predicate.NP.selection;
       const adjusted = {
         ...predicate,
-                ...predicate.numberCanChange ? {
+        ...(predicate.numberCanChange
+          ? {
               number: personNumber(subject.selection.person),
-                } : {},
-                ...predicate.genderCanChange ? {
-                    gender: personGender(subject.selection.person),
-                } : {},
             }
+          : {}),
+        ...(predicate.genderCanChange
+          ? {
+              gender: personGender(subject.selection.person),
+            }
+          : {}),
+      };
       return {
         ...eps,
         blocks: adjustSubjectSelection(eps.blocks, subject),
@@ -106,10 +135,17 @@ export default function epsReducer(eps: T.EPSelectionState, action: EpsReducerAc
       };
     }
     const subject = getSubjectSelection(eps.blocks).selection;
-        if (subject?.selection.type === "pronoun" && selection.selection.type === "noun" && isUnisexNounEntry(selection.selection.entry)) {
+    if (
+      subject?.selection.type === "pronoun" &&
+      selection.selection.type === "noun" &&
+      isUnisexNounEntry(selection.selection.entry)
+    ) {
       const { gender, number } = selection.selection;
       const pronoun = subject.selection.person;
-            const newPronoun = movePersonNumber(movePersonGender(pronoun, gender), number);
+      const newPronoun = movePersonNumber(
+        movePersonGender(pronoun, gender),
+        number
+      );
       return {
         ...eps,
         blocks: adjustSubjectSelection(eps.blocks, {
@@ -153,8 +189,11 @@ export default function epsReducer(eps: T.EPSelectionState, action: EpsReducerAc
   if (action.type === "set equative") {
     return {
       ...eps,
+      blocks: !action.payload.negative
+        ? removeHeetsDet(eps.blocks)
+        : eps.blocks,
       equative: action.payload,
-        }
+    };
   }
   if (action.type === "insert new AP") {
     return {
@@ -188,7 +227,11 @@ export default function epsReducer(eps: T.EPSelectionState, action: EpsReducerAc
   throw new Error("unknown epsReducer action");
 }
 
-function ensureMiniPronounsOk(old: T.EPSelectionState, eps: T.EPSelectionState, sendAlert?: (msg: string) => void): T.EPSelectionState {
+function ensureMiniPronounsOk(
+  old: T.EPSelectionState,
+  eps: T.EPSelectionState,
+  sendAlert?: (msg: string) => void
+): T.EPSelectionState {
   const error = checkForMiniPronounsError(eps);
   if (error) {
     if (sendAlert) sendAlert(error);
@@ -202,7 +245,7 @@ function movePersonGender(p: T.Person, gender: T.Gender): T.Person {
   if (gender === pGender) {
     return p;
   }
-    return (gender === "masc") ? (p - 1) : (p + 1);
+  return gender === "masc" ? p - 1 : p + 1;
 }
 
 function movePersonNumber(p: T.Person, number: T.NounNumber): T.Person {
@@ -210,7 +253,5 @@ function movePersonNumber(p: T.Person, number: T.NounNumber): T.Person {
   if (pNumber === number) {
     return p;
   }
-    return (number === "plural")
+  return number === "plural" ? p + 6 : p - 6;
-        ? (p + 6)
-        : (p - 6);
 }

src/lib/src/phrase-building/make-selections.ts

@@ -81,6 +81,6 @@ export function makeNounSelection(
     possesor: !complementType ? old?.possesor : undefined,
     dynamicComplement: complementType === "dynamic",
     genStativeComplement: complementType === "generative stative",
-    demonstrative: old?.demonstrative,
+    determiners: old?.determiners,
   };
 }

src/lib/src/phrase-building/np-tools.ts

@@ -2,8 +2,10 @@ import { isFirstPerson, isSecondPerson } from "../misc-helpers";
 import * as T from "../../../types";
 import { concatPsString } from "../p-text-helpers";
 import { flattenLengths } from "./compile";
+import { monoidPsStringWVars } from "../fp-ps";
+import { concatAll } from "fp-ts/lib/Monoid";
 
-function getBaseAndAdjectives({
+function getBaseWDetsAndAdjs({
   selection,
 }: T.Rendered<
   T.NPSelection | T.ComplementSelection | T.APSelection
@@ -11,45 +13,39 @@ function getBaseAndAdjectives({
   if (selection.type === "sandwich") {
     return getSandwichPsBaseAndAdjectives(selection);
   }
-  const adjs = "adjectives" in selection && selection.adjectives;
+  const determiners = (
-  const demonstrativePs = ("demonstrative" in selection &&
+    ("determiners" in selection && selection.determiners?.determiners) ||
-    selection.demonstrative?.ps) || { p: "", f: "" };
+    []
-  if (!adjs) {
+  ).map((x) => x.ps);
-    // TODO: does this ever get used??
+  const detWOutNoun =
-    return flattenLengths(selection.ps).map((x) =>
+    "determiners" in selection &&
-      concatPsString(demonstrativePs, x)
+    selection.determiners &&
+    !selection.determiners.type;
+  const adjs = (("adjectives" in selection && selection.adjectives) || []).map(
+    (x) => x.ps
   );
-  }
+  const base = flattenLengths(selection.ps);
+  return assemblePsWords([
+    ...determiners,
+    ...(detWOutNoun ? [] : [...adjs, base]),
+  ]);
+}
 
-  if (selection.demonstrative && !selection.demonstrative.withNoun) {
+// TODO: perhaps use this for more things (a simple compileIntoText ?)
-    return [demonstrativePs];
+function assemblePsWords(words: T.PsString[][]): T.PsString[] {
-  }
+  return concatAll(monoidPsStringWVars)([
+    ...intersperse(words, [{ p: " ", f: " " }]),
+  ]);
+}
 
-  return flattenLengths(selection.ps).map((p) =>
+function intersperse<T>(arr: T[], sep: T): T[] {
-    concatPsString(
+  return arr.reduce((a: T[], v: T) => [...a, v, sep], []).slice(0, -1);
-      demonstrativePs,
-      // demons ? " " : "",
-      adjs.reduce(
-        (accum, curr) => {
-          // TODO: with variations of adjs? {
-          return concatPsString(
-            accum,
-            accum.p === "" && accum.f === "" ? "" : "", //" ",
-            curr.ps[0]
-          );
-        },
-        { p: "", f: "" }
-      ),
-      " ",
-      p
-    )
-  );
 }
 
 function getSandwichPsBaseAndAdjectives(
   s: T.Rendered<T.SandwichSelection<T.Sandwich>>
 ): T.PsString[] {
-  const insideBase = getBaseAndAdjectives(s.inside);
+  const insideBase = getBaseWDetsAndAdjs(s.inside);
   const willContractWithPronoun =
     s.before &&
     s.before.p === "د" &&
@@ -118,7 +114,7 @@ export function getPashtoFromRendered(
     | T.Rendered<T.APSelection>,
   subjectsPerson: false | T.Person
 ): T.PsString[] {
-  const base = getBaseAndAdjectives(b);
+  const base = getBaseWDetsAndAdjs(b);
   if (b.selection.type === "loc. adv." || b.selection.type === "adverb") {
     return base;
   }
@@ -172,7 +168,7 @@ function addPossesor(
     );
   }
   const wPossesor = existing.flatMap((ps) =>
-    getBaseAndAdjectives(owner).map((v) =>
+    getBaseWDetsAndAdjs(owner).map((v) =>
       owner.selection.type === "pronoun" &&
       subjectsPerson !== false &&
       willBeReflexive(subjectsPerson, owner.selection.person)
@@ -204,7 +200,7 @@ function addArticlesAndAdjs(
     const adjs = !np.adjectives
       ? ""
       : np.adjectives.reduce((accum, curr): string => {
-          if (!curr.e) throw new Error("no english for adjective");
+          if (!curr.e) return "ADJ";
           return accum + curr.e + " ";
         }, "");
     const genderTag = np.genderCanChange
@@ -212,10 +208,14 @@ function addArticlesAndAdjs(
         ? " (f.)"
         : " (m.)"
       : "";
-    const demonstrative = np.demonstrative ? ` ${np.demonstrative.e}` : "";
+    const determiners =
-    const demWithoutNoun = np.demonstrative && !np.demonstrative.withNoun;
+      np.determiners && np.determiners.determiners
-    return `${np.demonstrative ? "" : articles}${demonstrative}${
+        ? // @ts-ignore - weird, ts is not recognizing this as rendered
-      demWithoutNoun ? ` (${(adjs + word).trim()})` : adjs + word
+          np.determiners.determiners.map((x) => `(${x.e})`).join(" ")
+        : "";
+    const detsWithoutNoun = np.determiners && !np.determiners.withNoun;
+    return `${np.determiners ? "" : articles}${determiners}${
+      detsWithoutNoun ? ` (${(adjs + word).trim()})` : adjs + word
     }${genderTag}`;
   } catch (e) {
     return undefined;

src/lib/src/phrase-building/render-np.ts

@@ -15,6 +15,7 @@ import { shortVerbEndConsonant } from "../parsing/misc";
 import { removeL } from "../new-verb-engine/rs-helpers";
 import { applySingleOrLengthOpts } from "../fp-ps";
 import { accentOnNFromEnd } from "../accent-helpers";
+import { getInfsAndVocative } from "../inflections-and-vocative";
 
 // TODO: can have subject and objects in possesors!!
 
@@ -115,6 +116,20 @@ export function renderNounSelection(
     return ps.length > 0 ? ps : [psStringFromEntry(n.entry)];
   })();
   const person = getPersonNumber(n.gender, n.number);
+  const determiners: T.Rendered<T.DeterminersSelection> | undefined =
+    n.determiners
+      ? {
+          ...n.determiners,
+          determiners: n.determiners.determiners.map((determiner) =>
+            renderDeterminer({
+              determiner,
+              inflected,
+              number: n.number,
+              gender: n.gender,
+            })
+          ),
+        }
+      : undefined;
   return {
     ...n,
     adjectives: n.adjectives.map((a) =>
@@ -131,64 +146,121 @@ export function renderNounSelection(
     ps: pashto,
     e: english,
     possesor: renderPossesor(n.possesor, role),
-    demonstrative: renderDemonstrative({
+    determiners,
-      demonstrative: n.demonstrative,
-      inflected,
-      plural: n.number === "plural",
-      gender: n.gender,
-    }),
   };
 }
 
-function renderDemonstrative({
+function renderDeterminer({
-  demonstrative,
+  determiner: { determiner },
   inflected,
-  plural,
+  number,
   gender,
 }: {
-  demonstrative: T.DemonstrativeSelection | undefined;
+  determiner: T.DeterminerSelection;
   inflected: boolean;
-  plural: boolean;
+  number: T.NounNumber;
   gender: T.Gender;
-}): T.Rendered<T.DemonstrativeSelection> | undefined {
+}): T.Rendered<T.DeterminerSelection> {
-  if (!demonstrative) {
+  if (determiner.p === "دا") {
-    return undefined;
+    const ps = inflected ? { p: "دې", f: "de" } : { p: "دا", f: "daa" };
+    return {
+      type: "determiner",
+      determiner,
+      inflected,
+      number,
+      gender,
+      ps: [ps],
+      e: number === "plural" ? "these" : "this",
+    };
   }
-  const ps =
+  if (determiner.p === "دغه") {
-    demonstrative.demonstrative === "daa"
+    const ps = inflected
-      ? inflected
+      ? number === "plural"
-        ? { p: "دې", f: "de" }
-        : { p: "دا", f: "daa" }
-      : demonstrative.demonstrative === "dagha"
-      ? inflected
-        ? plural
         ? { p: "دغو", f: "dágho" }
         : gender === "masc"
         ? { p: "دغه", f: "dághu" }
         : { p: "دغې", f: "dághe" }
-        : { p: "دغه", f: "dágha" }
+      : { p: "دغه", f: "dágha" };
-      : inflected
+    return {
-      ? plural
+      type: "determiner",
+      determiner,
+      inflected,
+      number,
+      gender,
+      ps: [ps],
+      e: number === "plural" ? "these" : "this",
+    };
+  }
+  if (determiner.p === "هغه") {
+    const ps = inflected
+      ? number === "plural"
         ? { p: "هغو", f: "hágho" }
         : gender === "masc"
         ? { p: "هغه", f: "hághu" }
         : { p: "هغې", f: "hághe" }
       : { p: "هغه", f: "hágha" };
-  const e =
-    demonstrative.demonstrative === "hagha"
-      ? plural
-        ? "those"
-        : "that"
-      : plural
-      ? "these"
-      : "this";
     return {
-    ...demonstrative,
+      type: "determiner",
-    ps,
+      determiner,
+      inflected,
+      number,
+      gender,
+      ps: [ps],
+      e: number === "plural" ? "those" : "that",
+    };
+  }
+  const e =
+    determiner.f === "Tol"
+      ? "all/the whole"
+      : determiner.f === "bul"
+      ? "other/another"
+      : determiner.f === "har"
+      ? "every/each"
+      : determiner.f === "koom"
+      ? "some/which"
+      : determiner.f === "heets"
+      ? "no"
+      : determiner.f === "dáase"
+      ? number === "plural"
+        ? "such/like these"
+        : "such/like this"
+      : determiner.f === "daghase"
+      ? number === "plural"
+        ? "just such/just like these"
+        : "just such/just like this"
+      : determiner.f === "hase"
+      ? `such/like ${number === "plural"} ? "those" : "that"`
+      : number === "plural"
+      ? "just such/just like these"
+      : "just such/just like this";
+  return {
+    type: "determiner",
+    determiner,
+    inflected,
+    number,
+    gender,
+    ps: inflectDeterminer(determiner, inflected, gender, number),
     e,
   };
 }
 
+function inflectDeterminer(
+  determiner: T.Determiner,
+  inflected: boolean,
+  gender: T.Gender,
+  number: T.NounNumber
+): T.PsString[] {
+  const infs = getInfsAndVocative(determiner, undefined);
+  if (!infs || !infs.inflections) {
+    return [{ p: determiner.p, f: determiner.f }];
+  }
+  const inf = getBasicInf(infs.inflections, gender, number, inflected);
+  if (!inf) {
+    return [{ p: determiner.p, f: determiner.f }];
+  }
+  return inf;
+}
+
 function renderPronounSelection(
   p: T.PronounSelection,
   inflected: boolean,
@@ -269,6 +341,20 @@ function renderPossesor(
   };
 }
 
+function getBasicInf(
+  infs: T.Inflections,
+  gender: T.Gender,
+  number: T.NounNumber,
+  inflected: boolean
+): T.PsString[] | false {
+  const inflectionNumber = (inflected ? 1 : 0) + (number === "plural" ? 1 : 0);
+  if (gender in infs) {
+    // @ts-ignore
+    return infs[gender][inflectionNumber];
+  }
+  return false;
+}
+
 function getInf(
   infs: T.InflectorOutput,
   t: "plural" | "arabicPlural" | "inflections",

src/lib/src/phrase-building/vps-reducer.ts

@@ -11,6 +11,7 @@ import {
   getSubjectSelection,
   insertNewAP,
   removeAP,
+  removeHeetsDet,
   setAP,
   shiftBlock,
 } from "./blocks-utils";
@@ -19,6 +20,7 @@ import {
   changeTransitivity,
   makeVPSelectionState,
 } from "./verb-selection";
+import { mapGen } from "../fp-ps";
 
 export type VpsReducerAction =
   | {
@@ -203,11 +205,13 @@ export function vpsReducer(
     }
     if (action.type === "set negativity") {
       if (!vps.verb) return vps;
+      const negative = action.payload === "true";
       return {
         ...vps,
+        blocks: !negative ? removeHeetsDet(vps.blocks) : vps.blocks,
         verb: {
           ...vps.verb,
-          negative: action.payload === "true",
+          negative,
         },
       };
     }

src/lib/src/type-predicates.ts

@@ -62,14 +62,23 @@ export function isNounOrAdjEntry(
 }
 
 export function isInflectableEntry(
-  e: T.Entry | T.DictionaryEntry | T.DictionaryEntryNoFVars
+  e: T.Entry | T.DictionaryEntry | T.DictionaryEntryNoFVars | T.Determiner
 ): e is T.InflectableEntry {
   if ("entry" in e) {
     return false;
   }
+  if (isDeterminer(e)) {
+    return true;
+  }
   return isNounEntry(e) || isAdjectiveEntry(e) || isNumberEntry(e);
 }
 
+export function isDeterminer(
+  e: T.Entry | T.DictionaryEntry | T.Determiner
+): e is T.Determiner {
+  return "type" in e && e.type === "det";
+}
+
 export function isNumberEntry(
   e: T.Entry | T.DictionaryEntry
 ): e is T.NumberEntry {

src/types.ts

@@ -899,13 +899,35 @@ export type NounSelection = {
   genStativeComplement?: boolean;
   adjectives: AdjectiveSelection[];
   possesor: undefined | PossesorSelection;
-  demonstrative: undefined | DemonstrativeSelection;
+  determiners?: DeterminersSelection;
 };
 
-export type DemonstrativeSelection = {
+export type DeterminersSelection = {
-  type: "demonstrative";
+  type: "determiners";
-  demonstrative: "daa" | "hagha" | "dagha";
   withNoun: boolean;
+  determiners: DeterminerSelection[];
+};
+
+export const determiners = [
+  { p: "دا", f: "daa", type: "det" },
+  { p: "دغه", f: "dágha", type: "det" },
+  { p: "هغه", f: "hágha", type: "det" },
+  { p: "داسې", f: "dáase", type: "det" },
+  { p: "دغسې", f: "daghase", type: "det" },
+  { p: "هسې", f: "hase", type: "det" },
+  { p: "هغسې", f: "hagháse", type: "det" },
+  { p: "کوم", f: "koom", type: "det" },
+  { p: "هر", f: "har", type: "det" },
+  { p: "ټول", f: "Tol", type: "det" },
+  { p: "هیڅ", f: "heets", type: "det", noInf: true },
+  { p: "بل", f: "bul", type: "det" },
+] as const;
+
+export type Determiner = (typeof determiners)[number];
+
+export type DeterminerSelection = {
+  type: "determiner";
+  determiner: Determiner;
 };
 
 export type AdverbSelection = {
@@ -970,7 +992,8 @@ export type Rendered<
     | AdjectiveSelection
     | SandwichSelection<Sandwich>
     | ComplementSelection
-    | DemonstrativeSelection
+    | DeterminersSelection
+    | DeterminerSelection
     | ComplementSelection["selection"]
     | UnselectedComplementSelection
     | undefined
@@ -1020,13 +1043,21 @@ export type Rendered<
       inflected: boolean;
       person: Person;
     }
-  : T extends DemonstrativeSelection
+  : T extends DeterminersSelection
   ? {
-      type: "demonstrative";
+      type: "determiners";
-      demonstrative: DemonstrativeSelection["demonstrative"];
       withNoun: boolean;
-      ps: PsString;
+      determiners: Rendered<DeterminerSelection>[];
+    }
+  : T extends DeterminerSelection
+  ? {
+      type: "determiner";
+      determiner: DeterminerSelection["determiner"];
+      ps: PsString[];
       e: string;
+      inflected: boolean;
+      number: NounNumber;
+      gender: Gender;
     }
   : T extends ComplementSelection
   ? {
@@ -1078,7 +1109,7 @@ export type Rendered<
         shrunken: boolean;
         np: Rendered<NPSelection>;
       };
-      demonstrative?: Rendered<DemonstrativeSelection>;
+      determiners?: Rendered<DeterminersSelection>;
     };
 
 export type EPSelectionState = {