12 | {text}
13 |
14 | )
15 | }
16 |
17 | export default Tag
18 |
--------------------------------------------------------------------------------
/web/src/types/deleteOutcomeFullyResponse.ts:
--------------------------------------------------------------------------------
1 | import { ActionHashB64 } from './shared'
2 |
3 | export interface DeleteOutcomeFullyResponse {
4 | outcomeActionHash: ActionHashB64
5 | deletedConnections: Array
10 |
15 | )
16 | }
17 |
18 | export default LoadingScreen
19 |
--------------------------------------------------------------------------------
/web/src/images/team.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/redux/ephemeral/active-project/reducer.ts:
--------------------------------------------------------------------------------
1 | import _ from 'lodash'
2 | import { CellIdString } from '../../../types/shared'
3 |
4 | import { SET_ACTIVE_PROJECT } from './actions'
5 |
6 | const defaultState: CellIdString = null
7 |
8 | export default function (state = defaultState, action: any): CellIdString {
9 | const { payload, type } = action
10 | switch (type) {
11 | case SET_ACTIVE_PROJECT:
12 | return payload
13 | default:
14 | return state
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/zod-models/src/connection/v12/connectionV12Schema.ts:
--------------------------------------------------------------------------------
1 | import {z} from 'zod'
2 |
3 | const ConnectionV12Schema = z.object({
4 | parentActionHash: z.string(),
5 | childActionHash: z.string(),
6 | siblingOrder: z.number(),
7 | randomizer: z.number(), // needs to be broad enough to allow floats for backwards compatibility, but is now an int
8 | isImported: z.boolean(),
9 | })
10 |
11 | export type ConnectionV12 = z.infer
11 | 
12 |
14 | collecting your acorns...
13 |
7 |
13 | )
14 | }
15 |
16 | export default ProjectEmptyState
17 |
--------------------------------------------------------------------------------
/web/src/images/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/components/ButtonWithPendingState/ButtonWithPendingState.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './ButtonWithPendingState.scss'
3 |
4 | import Icon from '../Icon/Icon'
5 |
6 | export default function ButtonWithPendingState({
7 | pending,
8 | pendingText,
9 | actionText,
10 | }) {
11 | return pending ? (
12 |
13 |
8 |
12 |
9 |
11 | Double click anywhere on canvas to create your first Outcome.
10 |{children}
21 | }
22 |
23 | export default OnClickOutside
24 |
--------------------------------------------------------------------------------
/web/src/images/validation-x.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
--------------------------------------------------------------------------------
/web/src/redux/persistent/projects/realtime-info-signal/actions.ts:
--------------------------------------------------------------------------------
1 | import { CellIdString } from '../../../../types/shared'
2 |
3 | const SEND_REALTIME_INFO = 'SEND_REALTIME_INFO'
4 | const SEND_EXIT_PROJECT_SIGNAL = 'SEND_EXIT_PROJECT_SIGNAL'
5 |
6 | function triggerRealtimeInfoSignal() {
7 | return {
8 | type: SEND_REALTIME_INFO,
9 | payload: {},
10 | }
11 | }
12 |
13 | function sendExitProjectSignal(projectId: CellIdString) {
14 | return {
15 | type: SEND_EXIT_PROJECT_SIGNAL,
16 | payload: projectId,
17 | }
18 | }
19 |
20 | export {
21 | SEND_REALTIME_INFO,
22 | SEND_EXIT_PROJECT_SIGNAL,
23 | triggerRealtimeInfoSignal,
24 | sendExitProjectSignal,
25 | }
26 |
--------------------------------------------------------------------------------
/web/src/redux/ephemeral/active-entry-points/actions.ts:
--------------------------------------------------------------------------------
1 | /*
2 | There should be an actions.js file in every
3 | feature folder, and it should start with a list
4 | of constants defining all the types of actions
5 | that can be taken within that feature.
6 | */
7 |
8 | import { ActionHashB64 } from '../../../types/shared'
9 |
10 | const SET_ACTIVE_ENTRY_POINTS = 'SET_ACTIVE_ENTRY_POINTS'
11 |
12 | /* action creator functions */
13 |
14 | const setActiveEntryPoints = (entryPointAddresses: ActionHashB64[]) => {
15 | return {
16 | type: SET_ACTIVE_ENTRY_POINTS,
17 | payload: entryPointAddresses,
18 | }
19 | }
20 |
21 | export { SET_ACTIVE_ENTRY_POINTS, setActiveEntryPoints }
22 |
--------------------------------------------------------------------------------
/web/src/redux/ephemeral/local-preferences/actions.js:
--------------------------------------------------------------------------------
1 | const SET_NAVIGATION_PREFERENCE = 'set_navigation_preference'
2 | const SET_KEYBOARD_NAVIGATION_PREFERENCE = 'set_keyboard_navigation_preference'
3 |
4 | function setNavigationPreference(preference) {
5 | return {
6 | type: SET_NAVIGATION_PREFERENCE,
7 | payload: preference,
8 | }
9 | }
10 |
11 | function setKeyboardNavigationPreference(preference) {
12 | return {
13 | type: SET_KEYBOARD_NAVIGATION_PREFERENCE,
14 | payload: preference,
15 | }
16 | }
17 |
18 | export {
19 | SET_NAVIGATION_PREFERENCE,
20 | SET_KEYBOARD_NAVIGATION_PREFERENCE,
21 | setNavigationPreference,
22 | setKeyboardNavigationPreference,
23 | }
24 |
--------------------------------------------------------------------------------
/web/src/components/PickerTemplate/PickerTemplate.scss:
--------------------------------------------------------------------------------
1 | .picker-popup {
2 | position: absolute;
3 | border-radius: 0.75rem;
4 | background: var(--bg-color-secondary);
5 | box-shadow: 0 0 1rem var(--shadow-color-dark);
6 | padding: 20px 0px;
7 | // margin: 0 1rem;
8 | top: 0;
9 | z-index: 5;
10 | width: 20rem;
11 |
12 | .button-close-wrapper {
13 | position: absolute;
14 | top: 0.75rem;
15 | right: 0.75rem;
16 | }
17 | }
18 |
19 | .picker-popup-heading {
20 | font-size: 1rem;
21 | font-family: var(--font-family-primary-extrabold);
22 | color: var(--text-color-secondary);
23 | text-align: center;
24 | margin-top: 0.125rem;
25 | margin-bottom: 1.25rem;
26 | }
27 |
--------------------------------------------------------------------------------
/web/src/images/achieved.svg:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/web/src/images/leaf-bronze.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/web/src/images/leaf-green.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/zod-models/src/outcomeComment/outcomeCommentSchema.ts:
--------------------------------------------------------------------------------
1 | import {z} from 'zod'
2 |
3 | export const OutcomeCommentSchema = z.object({
4 | outcomeActionHash: z.string(),
5 | content: z.string(),
6 | creatorAgentPubKey: z.string(),
7 | unixTimestamp: z.number(),
8 | isImported: z.boolean(),
9 | })
10 |
11 | export const ProjectOutcomeCommentsStateSchema = z.record(
12 | z
13 | .object({
14 | actionHash: z.string(),
15 | })
16 | .merge(OutcomeCommentSchema)
17 | )
18 |
19 |
20 | export type OutcomeComment = z.infer
13 |
21 | )
22 | }
23 |
24 | export default SyncingIndicator
25 |
--------------------------------------------------------------------------------
/web/src/images/collapse.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/web/src/images/earth.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/images/expand2.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/web/src/redux/persistent/projects/outcome-members/actions.ts:
--------------------------------------------------------------------------------
1 | import { OutcomeMember } from '../../../../types'
2 | import { createCrudActionCreators } from '../../crudRedux'
3 |
4 | const [
5 | [
6 | CREATE_OUTCOME_MEMBER,
7 | FETCH_OUTCOME_MEMBERS,
8 | UPDATE_OUTCOME_MEMBER,
9 | DELETE_OUTCOME_MEMBER,
10 | ],
11 | [
12 | createOutcomeMember,
13 | fetchOutcomeMembers,
14 | updateOutcomeMember,
15 | deleteOutcomeMember,
16 | ],
17 | ] = createCrudActionCreators
25 |
28 | )
29 | }
30 |
31 | export default ButtonAction
32 |
--------------------------------------------------------------------------------
/web/src/images/attachment.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/web/src/redux/ephemeral/outcome-editing/reducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | START_TITLE_EDIT,
3 | END_TITLE_EDIT,
4 | START_DESCRIPTION_EDIT,
5 | END_DESCRIPTION_EDIT,
6 | } from './actions'
7 | const defaultState = null
8 | export default function (state = defaultState, action) {
9 | const { payload, type } = action
10 | switch (type) {
11 | case START_TITLE_EDIT:
12 | return {
13 | outcomeActionHash: payload.outcomeActionHash,
14 | isTitle: true,
15 | }
16 | case START_DESCRIPTION_EDIT:
17 | return {
18 | outcomeActionHash: payload.outcomeActionHash,
19 | isTitle: false,
20 | }
21 | case END_TITLE_EDIT:
22 | return null
23 | case END_DESCRIPTION_EDIT:
24 | return null
25 | default:
26 | return state
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/web/src/redux/persistent/profiles/my-local-profile/actions.ts:
--------------------------------------------------------------------------------
1 | /*
2 | There should be an actions.js file in every
3 | feature folder, and it should start with a list
4 | of constants defining all the types of actions
5 | that can be taken within that feature.
6 | */
7 |
8 | import { Profile } from '../../../../types'
9 | import { Action } from '../../../../types/shared'
10 |
11 | // SET because it could be brand new, or an update, but treat it the same way
12 | const SET_MY_LOCAL_PROFILE = 'SET_MY_LOCAL_PROFILE'
13 |
14 | /* action creator functions */
15 |
16 | const setMyLocalProfile = (
17 | payload: Profile
18 | ): Action{icon}
26 | {text}
27 |
24 | {/* @ts-ignore */}
25 |
27 | )
28 | }
29 |
30 | export default ExpandChevron
31 |
--------------------------------------------------------------------------------
/web/src/components/ExpandedViewMode/EVMiddleColumn/TabContent/EvAttachments/AddAttachment.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './AddAttachment.scss'
3 | import Icon from '../../../../Icon/Icon'
4 |
5 | export type AddAttachmentProps = {
6 | // proptypes
7 | onAddAttachment: () => void
8 | }
9 |
10 | const AddAttachment: React.FC
16 |
21 | )
22 | }
23 |
24 | export default AddAttachment
25 |
--------------------------------------------------------------------------------
/web/src/components/ExpandedViewMode/EVMiddleColumn/TabContent/EvComments/EvComments.scss:
--------------------------------------------------------------------------------
1 | .comments-posted-wrapper {
2 | overflow-y: scroll;
3 | flex: 1;
4 | display: flex;
5 | flex-direction: column;
6 |
7 | .comments-posted-list-item {
8 | padding: 0.75rem 3.5rem 0.75rem 3rem;
9 | margin-bottom: 0.5rem;
10 | transition: 0.2s background-color ease;
11 |
12 | .comments-posted-list-item-empty {
13 | color: var(--text-color-tertiary);
14 | }
15 |
16 | &:first-child {
17 | margin-top: 1rem;
18 | }
19 |
20 | &:last-child {
21 | padding-bottom: 2rem;
22 | margin-bottom: 0;
23 | }
24 |
25 | &:hover {
26 | background-color: var(--bg-color-hover);
27 | }
28 | }
29 | }
30 |
31 | .comments-view-input-wrapper {
32 | padding: 0 2.75rem 2rem 2.75rem;
33 | }
34 |
--------------------------------------------------------------------------------
/zod-models/src/projectMetaSchema/v1/projectMetaV1Schema.ts:
--------------------------------------------------------------------------------
1 | import {z} from 'zod'
2 | import { ProjectMetaV0Schema } from '../v0/projectMetaV0Schema'
3 | import WithActionHashSchema from '../../withActionHashSchema'
4 |
5 | export enum LayeringAlgorithm {
6 | LongestPath = 'LongestPath',
7 | CoffmanGraham = 'CoffmanGraham',
8 | Classic = 'Classic'
9 | }
10 | export const LayeringAlgorithmSchema = z.nativeEnum(LayeringAlgorithm)
11 |
12 | export const ProjectMetaV1Schema = z.object({
13 | layeringAlgorithm: LayeringAlgorithmSchema,
14 | topPriorityOutcomes: z.array(z.string())
15 | }).merge(ProjectMetaV0Schema)
16 |
17 | export type ProjectMetaV1 = z.infer
17 |
19 | Add an attachment
20 | onChange(!isChecked)}
20 | className={`checkbox-wrapper ${isChecked ? 'checked' : ''}
21 | ${size === 'small' ? 'small' : size === 'large' ? 'large' : ''}
22 | `}
23 | >
24 | {/* @ts-ignore */}
25 | {isChecked &&
27 | )
28 | }
29 |
30 | export default Checkbox
31 |
--------------------------------------------------------------------------------
/web/src/components/CommentPosted/CommentPosted.scss:
--------------------------------------------------------------------------------
1 | .comment-posted-wrapper {
2 | display: flex;
3 | width: 100%;
4 | box-sizing: border-box;
5 | }
6 |
7 | .comment-posted-avatar {
8 | display: inline-block;
9 | }
10 | .comment-posted-avatar .avatar-wrapper {
11 | position: relative;
12 | }
13 |
14 | .comment-posted-content {
15 | margin-left: 1rem;
16 | }
17 |
18 | .comment-posted-info {
19 | display: flex;
20 | flex-direction: row;
21 | align-items: center;
22 | margin-bottom: 0.125rem;
23 | }
24 |
25 | .comment-posted-name {
26 | display: flex;
27 | flex-direction: row;
28 | margin-right: 0.5rem;
29 | }
30 |
31 | .comment-posted-date {
32 | }
33 |
34 | .comment-posted-text {
35 | color: #4d4d4d;
36 | font-size: 0.875rem;
37 | box-sizing: border-box;
38 | white-space: pre-wrap;
39 | line-height: 1.45;
40 | }
41 |
--------------------------------------------------------------------------------
/web/src/components/SyncingIndicator/SyncingIndicator.scss:
--------------------------------------------------------------------------------
1 | .syncing-indicator {
2 | margin: 10px;
3 | position: relative;
4 | width: 100%;
5 | height: 100%;
6 | display: flex;
7 | flex-direction: column;
8 | align-items: center;
9 | justify-content: center;
10 |
11 | &:hover .tooltip-wrapper {
12 | position: absolute;
13 | left: 50%;
14 | visibility: visible;
15 | transition-delay: 0.9s;
16 | transition-property: visibility;
17 | }
18 |
19 | .icon {
20 | animation: spin 2s linear infinite;
21 | -webkit-animation: spin 2s linear infinite;
22 | }
23 | }
24 |
25 | @keyframes spin {
26 | 100% {
27 | -webkit-transform: rotate(360deg);
28 | transform: rotate(360deg);
29 | }
30 | }
31 |
32 | @-webkit-keyframes spin {
33 | 100% {
34 | -webkit-transform: rotate(360deg);
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/web/src/components/EvReadOnlyHeading/EvReadOnlyHeading.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReadOnlyInfo from '../ReadOnlyInfo/ReadOnlyInfo'
3 | import Typography from '../Typography/Typography'
4 | import './EvReadOnlyHeading.scss'
5 |
6 | export type EvReadOnlyHeadingProps = {
7 | headingText: string
8 | overviewText: string
9 | overviewIcon: React.ReactElement
10 | }
11 |
12 | const EvReadOnlyHeading: React.FC
19 |
24 | )
25 | }
26 |
27 | export default EvReadOnlyHeading
28 |
--------------------------------------------------------------------------------
/scripts/add-components.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | for var in "$@"; do
4 | echo "folder: web/src/components/$var"
5 | mkdir web/src/components/$var
6 |
7 | echo "scss: web/src/components/$var"
8 | touch web/src/components/$var/$var.scss
9 |
10 | echo "component: web/src/components/$var"
11 | touch web/src/components/$var/$var.tsx
12 | cat scripts/component-template/component.tsx >web/src/components/$var/$var.tsx
13 | sed -i.bak "s/ReplaceMe/$var/g" web/src/components/$var/$var.tsx
14 | rm web/src/components/$var/$var.tsx.bak
15 |
16 | echo "story: web/src/stories/$var.stories.tsx"
17 | touch web/src/stories/$var.stories.tsx
18 | cat scripts/component-template/component.stories.tsx >web/src/stories/$var.stories.tsx
19 | sed -i.bak "s/ReplaceMe/$var/g" web/src/stories/$var.stories.tsx
20 | rm web/src/stories/$var.stories.tsx.bak
21 | done
22 |
--------------------------------------------------------------------------------
/web/src/redux/persistent/projects/entry-points/select.ts:
--------------------------------------------------------------------------------
1 | import { CellIdString } from '../../../../types/shared'
2 | import { RootState } from '../../../reducer'
3 |
4 | export default function selectEntryPoints(
5 | state: RootState,
6 | projectId: CellIdString
7 | ) {
8 | const entryPoints = state.projects.entryPoints[projectId] || {}
9 | const outcomes = state.projects.outcomes[projectId] || {}
10 |
11 | const combinedEntryPoints = Object.keys(entryPoints)
12 | .map((key) => {
13 | const entryPoint = entryPoints[key]
14 | const outcome = outcomes[entryPoint.outcomeActionHash]
15 | if (outcome) {
16 | return {
17 | entryPoint,
18 | outcome,
19 | }
20 | }
21 | return null
22 | })
23 | // filter out nulls
24 | .filter((e) => e)
25 |
26 | return combinedEntryPoints
27 | }
28 |
--------------------------------------------------------------------------------
/web/src/components/CreateProjectModal/CreateProjectModal.scss:
--------------------------------------------------------------------------------
1 | .create-project-modal {
2 | width: 30rem;
3 | overflow: auto;
4 | position: relative;
5 | justify-content: space-between;
6 | align-items: center;
7 |
8 | .create-project-form {
9 |
10 | .create-project-image-row {
11 | display: flex;
12 | flex-direction: row;
13 | align-items: flex-end;
14 |
15 | .validating-form-input {
16 | margin-bottom: 0;
17 | }
18 |
19 | .create-project-image {
20 | margin-left: 8px;
21 | width: 44px;
22 | height: 44px;
23 | background-size: cover;
24 | background-repeat: no-repeat;
25 | border-radius: 10px;
26 | border: 2px solid #f3efeb;
27 | box-sizing: border-box;
28 | background-color: var(--bg-color-tertiary);
29 | }
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/web/src/components/ProgressIndicator/ProgressIndicator.scss:
--------------------------------------------------------------------------------
1 | .progress-indicator-wrapper {
2 | display: flex;
3 | flex-direction: row;
4 | align-items: center;
5 | justify-content: center;
6 |
7 | &.small {
8 | transform: scale(0.9);
9 | }
10 |
11 | .icon {
12 | height: 1.05rem;
13 | width: 1.05rem;
14 | padding: 0;
15 |
16 | &.not-achieved {
17 | .inner-icon {
18 | background-color: var(--color-topaz);
19 | }
20 | }
21 |
22 | &.partially-achieved {
23 | svg {
24 | g {
25 | path {
26 | stroke: yellow;
27 | }
28 | }
29 | }
30 |
31 | .inner-icon {
32 | // background-color: unset;
33 | }
34 | }
35 |
36 | &.achieved {
37 | .inner-icon {
38 | background-color: var(--color-green);
39 | }
40 | }
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/web/jest.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
2 | module.exports = {
3 | preset: 'ts-jest',
4 | testEnvironment: 'node',
5 | extensionsToTreatAsEsm: ['.ts'],
6 | transform: {
7 | '^.+\\.[tj]s$': [
8 | 'babel-jest',
9 | {
10 | presets: [
11 | [
12 | '@babel/preset-env',
13 | {
14 | targets: {
15 | node: 'current',
16 | },
17 | },
18 | ],
19 | '@babel/preset-typescript',
20 | ],
21 | },
22 | ],
23 | },
24 | transformIgnorePatterns: [
25 | 'node_modules/(?!((@holochain/(client|serialization))|@noble/ed25519|emittery|lodash-es).*)',
26 | ],
27 | globals: {
28 | __MAIN_APP_ID__: 'test-main-app-id',
29 | __ADMIN_PORT__: '8000',
30 | __APP_PORT__: '8000',
31 | },
32 | }
33 |
--------------------------------------------------------------------------------
/zod-models/src/outcome/outcomeSchema.ts:
--------------------------------------------------------------------------------
1 | import {z} from 'zod'
2 | import ScopeSchema from '../scope/scopeSchema'
3 | import WithActionHashSchema from '../withActionHashSchema'
4 |
5 | export const OutcomeSchema = z.object({
6 | content: z.string(),
7 | creatorAgentPubKey: z.string(),
8 | editorAgentPubKey: z.string().nullable(),
9 | timestampCreated: z.number().gt(0),
10 | timestampUpdated: z.number().gt(0).nullable(),
11 | scope: ScopeSchema,
12 | tags: z.array(z.string()).nullable(),
13 | description: z.string(),
14 | isImported: z.boolean(),
15 | githubLink: z.string().url().or(z.literal('')),
16 | })
17 |
18 | export const ProjectOutcomesStateSchema = z.record(
19 | WithActionHashSchema.merge(OutcomeSchema)
20 | )
21 | export type ProjectOutcomesState = z.infer{headingText}
20 |
21 |
23 |
23 | {/* @ts-ignore */}
24 |
34 | )
35 | }
36 |
37 | export default ButtonTabIcon
38 |
--------------------------------------------------------------------------------
/web/src/components/ExpandChevron/ExpandChevron.scss:
--------------------------------------------------------------------------------
1 | .expand-chevron-wrapper {
2 | padding: 0.25rem;
3 | cursor: pointer;
4 | transition: 0.2s background-color ease-in;
5 | border-radius: 0.5rem;
6 | aspect-ratio: 1/1;
7 | display: flex;
8 | align-items: center;
9 | justify-content: center;
10 |
11 | &.small {
12 | transform: scale(0.9);
13 | padding: 0.125;
14 | border-radius: 0.375rem;
15 | }
16 |
17 | &:hover {
18 | background-color: var(--bg-color-secondary);
19 |
20 | .icon .inner-icon {
21 | background-color: var(--text-color-primary);
22 | }
23 | }
24 |
25 | .icon {
26 | transition: transform 0.2s ease-in;
27 | padding: 0;
28 | width: 1.25rem;
29 | height: 1.25rem;
30 | }
31 |
32 | &.expanded {
33 | .icon {
34 | transform: rotateX(90deg);
35 | -webkit-transform: rotate(90deg);
36 | }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/web/src/components/PickerTemplate/PickerTemplate.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './PickerTemplate.scss'
3 |
4 | import Icon from '../Icon/Icon'
5 | import OnClickOutside from '../OnClickOutside/OnClickOutside'
6 | import ButtonClose from '../ButtonClose/ButtonClose'
7 |
8 | export default function PickerTemplate({
9 | className,
10 | children,
11 | heading,
12 | onClose,
13 | skipOnClickOutside = false,
14 | }) {
15 | return (
16 |
22 |
28 |
23 | onClose()} />
24 |
25 | {heading}
26 | {children}
27 |
22 |
31 | )
32 | }
33 |
34 | export default MembersIndicator
35 |
--------------------------------------------------------------------------------
/web/src/components/Typography/Typography.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import './Typography.scss'
4 |
5 | export type TypographyProps = {
6 | style:
7 | | 'h1'
8 | | 'h2'
9 | | 'h3'
10 | | 'h4'
11 | | 'h5'
12 | | 'h6'
13 | | 'h7'
14 | | 'h8'
15 | | 'subtitle1'
16 | | 'subtitle2'
17 | | 'subtitle3'
18 | | 'description'
19 | | 'body1'
20 | | 'body2'
21 | | 'caption1'
22 | | 'caption2'
23 | | 'caption3'
24 | | 'caption4'
25 | | 'breadcrumbs'
26 | | 'breadcrumbs-bold'
27 | | 'button-text'
28 | | 'label'
29 | | 'label-help'
30 | | 'heading-modal'
31 | | 'subtitle-modal'
32 | | 'body-modal'
33 | text?: string
34 | }
35 |
36 | const Typography: React.FC
39 | {text}
40 | {children}
41 |
42 | )
43 | }
44 |
45 | export default Typography
46 |
--------------------------------------------------------------------------------
/web/src/components/FilterButton/FilterButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Checkbox from '../Checkbox/Checkbox'
3 | import Icon from '../Icon/Icon'
4 |
5 | import './FilterButton.scss'
6 |
7 | export type FilterButtonProps = {
8 | size: 'small' | 'medium' | 'large'
9 | isSelected: boolean
10 | onChange: (newState: boolean) => void
11 | icon: React.ReactElement
12 | text: string
13 | }
14 |
15 | const FilterButton: React.FC onChange(!isSelected)}
27 | >
28 |
31 | )
32 | }
33 |
34 | export default FilterButton
35 |
--------------------------------------------------------------------------------
/zod-models/src/projectMetaSchema/projectMetaSchema.ts:
--------------------------------------------------------------------------------
1 |
2 | import {z} from 'zod'
3 | import ProjectMetaV0WithActionHashSchema from './v0/projectMetaV0Schema'
4 | import ProjectMetaV1WithActionHashSchema, { ProjectMetaV1, ProjectMetaV1Schema } from './v1/projectMetaV1Schema'
5 |
6 | const BackwardsCompatibleProjectMetaSchema = z.union([ProjectMetaV1WithActionHashSchema, ProjectMetaV0WithActionHashSchema])
7 |
8 | export {
9 | ProjectMetaV0WithActionHashSchema,
10 | ProjectMetaV1WithActionHashSchema,
11 | ProjectMetaV1,
12 | ProjectMetaV1Schema,
13 | }
14 | export type ProjectMetaV0WithActionHash = z.infer{icon}
29 | {text}
30 |