@altinn/altinn-components 0.5.2 → 0.6.1

package/lib/stories/Inbox/InboxToolbar.tsx

@@ -1,94 +0,0 @@
-'use client';
-import { Toolbar } from '../../components';
-import { useInbox } from './';
-
-export function InboxToolbar({ items }) {
-  const { accounts = [], accountId, onAccountId } = useInbox();
-
-  const senderOptions = {};
-
-  items?.map((item) => {
-    const { sender } = item;
-
-    if (!senderOptions[sender?.name]) {
-      senderOptions[sender?.name] = {
-        label: sender.name,
-        value: sender.name,
-        count: 0,
-      };
-    }
-
-    senderOptions[sender?.name].count++;
-  });
-
-  const currentAccount = accounts?.find((item) => item.id === accountId);
-
-  const accountMenu = {
-    label: currentAccount?.name,
-    value: currentAccount?.id,
-    items: accounts.map((item) => {
-      return {
-        group: item.type,
-        title: item?.name,
-        avatar: item,
-        selected: item.selected,
-        onClick: () => onAccountId(item.id),
-      };
-    }),
-  };
-
-  const filters =
-    items &&
-    [
-      {
-        name: 'status',
-        label: 'Velg status',
-        optionType: 'checkbox',
-        options: [
-          {
-            groupId: '1',
-            value: 'draft',
-            label: 'Utkast',
-          },
-          {
-            groupId: '1',
-            value: 'sent',
-            label: 'Sendt',
-          },
-          {
-            groupId: '2',
-            value: 'in-progress',
-            label: 'Under arbeid',
-          },
-          {
-            groupId: '2',
-            value: 'requires-attention',
-            label: 'Krever handling',
-          },
-          {
-            groupId: '2',
-            value: 'completed',
-            label: 'Avsluttet',
-          },
-        ],
-      },
-      {
-        name: 'sender',
-        label: 'Velg avsender',
-        optionType: 'checkbox',
-        options: Object.values(senderOptions)?.map((item) => {
-          return {
-            ...item,
-            badge: { label: item?.count.toString() || '2' },
-          };
-        }),
-      },
-    ].map((item) => {
-      return {
-        ...item,
-        removable: true,
-      };
-    });
-
-  return <Toolbar menu={accountMenu} filters={filters} />;
-}

package/lib/stories/Inbox/ProfilePage.tsx

@@ -1,35 +0,0 @@
-'use client';
-import {
-  Avatar,
-  Heading,
-  ListBase,
-  ListItem,
-  MetaItem,
-  PageBase,
-  PageHeader,
-  SectionBase,
-  SectionFooter,
-  SectionHeader,
-  Typography,
-} from '../../components';
-import { useProfile } from './';
-
-export function ProfilePage() {
-  const { account } = useProfile();
-
-  return (
-    <PageBase>
-      <PageHeader
-        title={account.name}
-        avatar={{ type: account?.type, name: account.name }}
-        inset
-        padding
-        spacing="lg"
-        color="white"
-        shadow="xs"
-      >
-        <Typography size="lg">Lorem ipsum dolor sit amet</Typography>
-      </PageHeader>
-    </PageBase>
-  );
-}

package/lib/stories/Inbox/SettingsPage.tsx

@@ -1,19 +0,0 @@
-'use client';
-import {
-  Heading,
-  ListBase,
-  ListItem,
-  MetaItem,
-  PageBase,
-  SectionBase,
-  SectionFooter,
-  SectionHeader,
-  Typography,
-} from '../../components';
-import { useProfile } from './';
-
-export function SettingsPage() {
-  const { account } = useProfile;
-
-  return <PageBase inset>{JSON.stringify(account)}</PageBase>;
-}

package/lib/stories/Inbox/accounts/accounts.ts

@@ -1,24 +0,0 @@
-export const accounts = [
-  {
-    type: 'person',
-    name: 'Aurora Mikalsen',
-    selected: true,
-  },
-  {
-    type: 'company',
-    name: 'Auroras blomster',
-  },
-  {
-    type: 'company',
-    name: 'Aurora bier',
-  },
-  {
-    type: 'company',
-    name: 'Auroras bier og blomster',
-  },
-].map((item, index) => {
-  return {
-    ...item,
-    id: 'a' + index,
-  };
-});

package/lib/stories/Inbox/accounts/index.ts

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

package/lib/stories/Inbox/actionMenu.ts

@@ -1,24 +0,0 @@
-import type { MenuItemProps } from '../../components';
-
-export const actionMenu: MenuItemProps[] = [
-  {
-    id: '1',
-    icon: 'arrow-redo',
-    title: 'Del og gi tilgang',
-  },
-  {
-    id: '2',
-    icon: 'eye',
-    title: 'Marker som lest',
-  },
-  {
-    id: '3',
-    icon: 'archive',
-    title: 'Flytt til arkiv',
-  },
-  {
-    id: '4',
-    icon: 'trash',
-    title: 'Flytt til papirkurv',
-  },
-];

package/lib/stories/Inbox/dialogs/brreg-completed.json

@@ -1,35 +0,0 @@
-{
-  "_createdAt": "2024-10-23T09:33:00Z",
-  "_id": "95f30463-b886-402d-b765-95d9eccf68c0",
-  "_rev": "n6M6ED8lI6VdyYqDQoyiME",
-  "_type": "dialog",
-  "_updatedAt": "2024-10-28T17:07:12Z",
-  "additionalInfo": "For at du skal kunne registrere enkeltpersonforetaket, er du nødt til å drive med næringsaktivitet. Dette er aktivitet som er egnet til å ha et visst omfang og varighet.",
-  "body": "## Nøkkelinformasjon\n- **Foretakets navn:** Olas Enkeltmannsforetak\n- **Organisasjonsnummer:** 999 999 999\n- **Dato registrert**: 14. mai 2024\n\n## Hva nå?\nTips og triks til deg som har startet enkeltpersonforetak:\n- Få en regnskapsfører.\n- Slik driver du selskapet ditt.\n- Bla bla bla.",
-  "history": [
-    {
-      "_key": "334c343862da",
-      "_type": "historyItem",
-      "summary": "Skjema ble opprettet."
-    },
-    {
-      "_key": "f5cc7d1053c9",
-      "_type": "historyItem",
-      "summary": "Bla bla bla."
-    }
-  ],
-  "recipient": {
-    "type": "person",
-    "name": "Rein Regnskapsfører",
-    "imageUrl": null
-  },
-  "sender": {
-    "type": "company",
-    "name": "Brønnøysundregistrene",
-    "imageUrl": "https://cdn.sanity.io/images/z3it2oa7/production/3be5df0229c0b58c7ab59db2ade6208cc83954d2-300x300.png?w=96"
-  },
-  "status": { "label": "Avsluttet", "value": "completed" },
-  "summary": "Gratulerer! Ditt enkeltpersonforetak er godkjent og klart til bruk.",
-  "title": "Registrering av enkeltmannsforetak",
-  "updatedAt": "2024-10-28T17:07:12Z"
-}

package/lib/stories/Inbox/dialogs/brreg-draft.json

@@ -1,45 +0,0 @@
-{
-  "_createdAt": "2024-10-23T07:17:42Z",
-  "_id": "7cda3a28-2171-488c-8554-6b061b48e533",
-  "_rev": "n6M6ED8lI6VdyYqDQoylrM",
-  "_type": "dialog",
-  "_updatedAt": "2024-10-28T17:07:32Z",
-  "action": [
-    { "priority": "primary", "label": "Til skjema" },
-    {
-      "label": "Forkast utkast"
-    }
-  ],
-  "additionalInfo": "For at du skal kunne registrere enkeltpersonforetaket, er du nødt til å drive med næringsaktivitet. Dette er aktivitet som er egnet til å ha et visst omfang og varighet.",
-  "body": "## Oppsummering\n- **Foretakets navn:** Olas Enkeltmannsforetak\n- **Lorem ipsum:** Data",
-  "history": [
-    {
-      "_key": "334c343862da",
-      "_type": "historyItem",
-      "summary": "Skjema ble opprettet."
-    },
-    {
-      "_key": "f5cc7d1053c9",
-      "_type": "historyItem",
-      "summary": "Bla bla bla."
-    }
-  ],
-  "recipient": { "type": "person", "name": "Ola Nordmann", "imageUrl": null },
-  "sender": {
-    "type": "company",
-    "name": "Brønnøysundregistrene",
-    "imageUrl": "https://cdn.sanity.io/images/z3it2oa7/production/3be5df0229c0b58c7ab59db2ade6208cc83954d2-300x300.png?w=96"
-  },
-  "status": { "label": "Draft", "value": "draft" },
-  "summary": "Et utkast til skjema er lagret.",
-  "title": "Registrering av enkeltmannsforetak",
-  "updatedAt": "2024-10-28T17:07:32Z",
-  "actions": [
-    { "_key": "4af713286bf6", "_type": "dialogAction", "label": "Til skjema" },
-    {
-      "_key": "1ef5bc424eee",
-      "_type": "dialogAction",
-      "label": "Forkast utkast"
-    }
-  ]
-}

package/lib/stories/Inbox/dialogs/index.ts

@@ -1,10 +0,0 @@
-import brregCompleted from './brreg-completed.json';
-import brregDraft from './brreg-draft.json';
-import skatt2023 from './skatt-2023.json';
-
-export const dialogs = [brregDraft, brregCompleted, skatt2023].map((item, index) => {
-  return {
-    ...item,
-    id: 'd' + index,
-  };
-});

package/lib/stories/Inbox/dialogs/skatt-2023.json

@@ -1,33 +0,0 @@
-{
-  "_createdAt": "2024-10-23T21:31:44Z",
-  "_id": "83b80be7-9b3a-474e-94bc-d5d24710ec9c",
-  "_rev": "5k1KJXrtipgHMEvoTB1MJV",
-  "_type": "dialog",
-  "_updatedAt": "2024-10-28T17:07:25Z",
-  "action": [
-    {
-      "_key": "2d7c53da7794",
-      "_type": "dialogAction",
-      "label": "Åpne skattemeldingen"
-    }
-  ],
-  "dueAt": "2024-05-31",
-  "recipient": { "type": "person", "name": "Ola Nordmann", "imageUrl": null },
-  "sender": {
-    "type": "company",
-    "name": "Skatteetaten",
-    "imageUrl": "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-  },
-  "status": { "label": "Krever handling", "value": "requires-attention" },
-  "summary": "Skattemeldingen for 2023 er tilgjengelig. Du bør sjekke at opplysningene er riktige.",
-  "title": "Skatten din 2023",
-  "updatedAt": "2024-10-28T17:07:25Z",
-  "actions": [
-    {
-      "_key": "2d7c53da7794",
-      "_type": "dialogAction",
-      "label": "Åpne skattemeldingen"
-    }
-  ],
-  "history": null
-}

package/lib/stories/Inbox/groupBy.ts

@@ -1,19 +0,0 @@
-interface GroupableItem {
-  group: string;
-}
-
-export const groupBy = (items: GroupableItem[]) => {
-  const groups: Record<string, GroupableItem[]> = items?.reduce(
-    (acc: Record<string, GroupableItem[]>, item) => {
-      const group = item?.group || '';
-      if (!acc[group]) {
-        acc[group] = [];
-      }
-      acc[group].push(item);
-      return acc;
-    },
-    {} as Record<string, GroupableItem[]>,
-  );
-
-  return groups;
-};

package/lib/stories/Inbox/inboxSection.module.css

@@ -1,19 +0,0 @@
-.section {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  row-gap: 1rem;
-}
-
-.header {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.title {
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.25;
-  margin: 6px 0;
-}

package/lib/stories/Inbox/index.ts

@@ -1,15 +0,0 @@
-export * from './accounts/';
-export * from './dialogs/';
-export * from './layout/';
-
-export * from './actionMenu';
-
-export * from './InboxProvider';
-export * from './InboxLayout';
-export * from './InboxSection';
-
-export * from './InboxPage';
-export * from './DialogPage';
-export * from './BookmarksPage';
-export * from './ProfilePage';
-export * from './SettingsPage';

package/lib/stories/Inbox/layout/footer.ts

@@ -1,27 +0,0 @@
-export const footer = {
-  address: 'Postboks 1382 Vika, 0114 Oslo.',
-  menu: {
-    items: [
-      {
-        id: '1',
-        href: '#',
-        title: 'Om Altinn',
-      },
-      {
-        id: '2',
-        href: '#',
-        title: 'Driftsmeldinger',
-      },
-      {
-        id: '3',
-        href: '#',
-        title: 'Personvern',
-      },
-      {
-        id: '4',
-        href: '#',
-        title: 'Tilgjengelighet',
-      },
-    ],
-  },
-};

package/lib/stories/Inbox/layout/header.ts

@@ -1,11 +0,0 @@
-import { accounts } from '../accounts/';
-
-export const header = {
-  search: {
-    name: 'search',
-    placeholder: 'Søk i innboksen',
-  },
-  menu: {
-    accounts,
-  },
-};

package/lib/stories/Inbox/layout/index.ts

@@ -1,3 +0,0 @@
-export * from './menu';
-export * from './footer';
-export * from './header';

package/lib/stories/Inbox/layout/menu.ts

@@ -1,64 +0,0 @@
-export const menu = {
-  groups: {
-    shortcuts: {
-      title: 'Snarveier',
-      defaultItemColor: 'neutral',
-    },
-  },
-  items: [
-    {
-      id: 'inbox',
-      groupId: 1,
-      size: 'lg',
-      icon: 'inbox',
-      title: 'Innboks',
-      color: 'strong',
-    },
-    {
-      id: 'drafts',
-      groupId: 2,
-      icon: 'doc-pencil',
-      title: 'Utkast',
-    },
-    {
-      id: 'sent',
-      groupId: 2,
-      icon: 'file-checkmark',
-      selected: true,
-      title: 'Sendt',
-    },
-    {
-      id: 'bookmarks',
-      groupId: 3,
-      icon: 'bookmark',
-      //      disabled: true,
-      title: 'Lagrede søk',
-    },
-    {
-      id: 'archived',
-      groupId: 4,
-      disabled: true,
-      icon: 'archive',
-      title: 'Arkivert',
-    },
-    {
-      id: 'trash',
-      groupId: 4,
-      disabled: true,
-      icon: 'trash',
-      title: 'Papirkurv',
-    },
-    {
-      id: 'profile',
-      groupId: 'shortcuts',
-      icon: 'person-circle',
-      title: 'Din profil',
-    },
-    {
-      id: 'settings',
-      groupId: 'shortcuts',
-      icon: 'cog',
-      title: 'Innstillinger',
-    },
-  ],
-};

package/renovate.json

@@ -1,4 +0,0 @@
-{
-  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["local>Altinn/renovate-config"]
-}

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["./lib/**/*.ts", "./lib/hooks/*.tsx", "./**/*.d.ts"],
-  "exclude": [
-    "./lib/stories/**/*",
-    "lib/components/**/*.stories.ts",
-    "lib/components/**/*.stories.tsx",
-    "./lib/components/Icon/__AkselIcon.tsx"
-  ],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"],
-  "exclude": ["node_modules", "build", "dist"]
-}

package/typings.d.ts

@@ -1 +0,0 @@
-declare module '*.module.css';

package/vite.config.ts

@@ -1,20 +0,0 @@
-import react from '@vitejs/plugin-react-swc';
-import { defineConfig } from 'vite';
-
-// https://vitejs.dev/config/
-export default () => {
-  return defineConfig({
-    plugins: [react()],
-    build: {
-      cssCodeSplit: true,
-      lib: {
-        entry: ['./lib/index.ts', './lib/css/global.css'],
-        name: 'altinn-components',
-        formats: ['es'],
-      },
-      rollupOptions: {
-        external: ['./lib/**/*.stories.tsx', '.storybook', '.idea'],
-      },
-    },
-  });
-};