[Publisher][Agency Settings] Add new agency definition section for co…

…urt and supervision sectors (#1594) * Add agency definition setting UI and logic * Handle combined agency scenarios * Fix court setting appearing in supervision agencies * Fix populations UI bug * Fixes * Add textbox functionality & fix checkbox select issue * Fixes * Fix typo
Recidiviz · Dec 6, 2024 · d197d62 · d197d62
1 parent d281bb5
commit d197d62
Show file tree

Hide file tree

Showing 7 changed files with 398 additions and 4 deletions.
diff --git a/common/types.ts b/common/types.ts
@@ -87,7 +87,8 @@ export type AgencySettingType =
   | "HOMEPAGE_URL"
   | "ZIPCODE"
   | "DATA_SHARING_TYPE"
-  | "BIOLOGICAL_SEX_RACE_ETHNICITY_DATA_SOURCE";
+  | "BIOLOGICAL_SEX_RACE_ETHNICITY_DATA_SOURCE"
+  | "SECTOR_INCLUDES_EXCLUDES";
 
 export interface AgencySetting {
   setting_type: AgencySettingType;

diff --git a/publisher/src/components/AgencySettings/AgencySettings.styles.tsx b/publisher/src/components/AgencySettings/AgencySettings.styles.tsx
@@ -444,6 +444,13 @@ export const SupervisionSystemRow = styled(AgencySettingsInfoRow)<{
   border: none;
 `;
 
+// Agency Definition
+export const DefinitionDescriptionInputWrapper = styled.div`
+  :not(:last-child) {
+    padding-bottom: 24px;
+  }
+`;
+
 // Data Source
 export const DataSourceContainer = styled.div`
   border-top: 1px solid ${palette.highlight.grey5};
@@ -453,6 +460,7 @@ export const DataSourceContainer = styled.div`
   padding: 16px 40px;
 `;
 export const DataSourceTitle = styled.div`
+  text-transform: capitalize;
   font-weight: 700;
   padding-bottom: 8px;
 `;

diff --git a/publisher/src/components/AgencySettings/AgencySettings.tsx b/publisher/src/components/AgencySettings/AgencySettings.tsx
@@ -27,6 +27,7 @@ import {
 } from "./AgencySettings.styles";
 import { AgencySettingsBasicInfo } from "./AgencySettingsBasicInfo";
 import AgencySettingsDataSource from "./AgencySettingsDataSource";
+import AgencySettingsDefinition from "./AgencySettingsDefinition";
 // TODO(#1537) Ungate zipcode and agency data sharing fields
 // import AgencySettingsDataSharingType from "./AgencySettingsDataSharingType";
 import AgencySettingsDescription from "./AgencySettingsDescription";
@@ -44,6 +45,7 @@ export enum ActiveSetting {
   Supervisions = "SUPERVISIONS",
   Jurisdictions = "JURISDICTIONS",
   DataSource = "BIOLOGICAL_SEX_RACE_ETHNICITY_DATA_SOURCE",
+  Definition = "SECTOR_INCLUDES_EXCLUDES",
 }
 
 export type SettingProps = {
@@ -97,6 +99,9 @@ export const AgencySettings: React.FC = observer(() => {
         <AgencySettingsUrl
           settingProps={generateSettingProps(ActiveSetting.HomepageUrl)}
         />
+        <AgencySettingsDefinition
+          settingProps={generateSettingProps(ActiveSetting.Definition)}
+        />
         {/* TODO(#1537) Ungate zipcode and agency data sharing fields */}
         {/* <AgencySettingsDataSharingType /> */}
         <AgencySettingsEmailNotifications />