@operato/gantt 8.0.0-alpha.6 → 8.0.0-beta.1

package/stories/ox-gantt-chart.stories.ts

@@ -1,125 +0,0 @@
-import { html, TemplateResult } from 'lit'
-import { CommonHeaderStyles } from '@operato/styles'
-import '../src/ox-gantt-chart.js'
-
-import { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'
-
-export default {
-  title: 'ox-gantt-chart',
-  component: 'ox-gantt-chart',
-  argTypes: {
-    axisScale: { control: 'select', options: ['year-quarter', 'year-month', 'quarter-week', 'week-day'] },
-    fromDate: { control: 'string' },
-    toDate: { control: 'string' },
-    extendGridLines: { control: 'boolean' }
-  }
-}
-
-interface Story<T> {
-  (args: T): TemplateResult
-  args?: Partial<T>
-  argTypes?: Record<string, unknown>
-}
-
-interface ArgTypes {
-  axisScale: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'
-  fromDate: string
-  toDate: string
-  extendGridLines: boolean
-}
-
-const Template: Story<ArgTypes> = ({
-  axisScale = 'week-day',
-  fromDate = '',
-  toDate = '',
-  extendGridLines
-}: ArgTypes) => html`
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
-
-  <link href="/themes/light.css" rel="stylesheet" />
-  <link href="/themes/dark.css" rel="stylesheet" />
-  <link href="/themes/spacing.css" rel="stylesheet" />
-  <link href="/themes/md-typescale-styles.css" rel="stylesheet" />
-
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-
-  <style>
-    ${MDTypeScaleStyles.cssText}
-  </style>
-
-  <style>
-    ${CommonHeaderStyles.cssText}
-  </style>
-
-  <style>
-    body {
-      width: 100%;
-      height: 800px;
-      text-align: center;
-
-      background-color: var(--md-sys-color-background);
-      color: var(--md-sys-color-on-background);
-    }
-
-    ox-gantt {
-      width: 90%;
-      height: 500px;
-      box-sizing: border-box;
-
-      background-color: var(--md-sys-color-primary-container);
-      color: var(--md-sys-color-on-primary-container);
-    }
-  </style>
-
-  <style>
-    ox-gantt-chart {
-      height: 500px;
-      border: 1px solid black;
-    }
-  </style>
-
-  <ox-gantt-chart
-    .axisScale=${axisScale}
-    .fromDate=${fromDate}
-    .toDate=${toDate}
-    ?extend-grid-lines=${extendGridLines}
-  ></ox-gantt-chart>
-`
-
-export const YearMonth = Template.bind({})
-YearMonth.args = {
-  axisScale: 'year-quarter',
-  fromDate: '2020-01-01',
-  toDate: '2025-12-31'
-}
-
-YearMonth.args = {
-  axisScale: 'year-month',
-  fromDate: '2022-01-01',
-  toDate: '2024-12-31'
-}
-
-export const MonthWeek = Template.bind({})
-MonthWeek.args = {
-  axisScale: 'quarter-week',
-  fromDate: '2022-01-01',
-  toDate: '2023-03-31'
-}
-
-export const WeekDay = Template.bind({})
-WeekDay.args = {
-  axisScale: 'week-day',
-  fromDate: '2022-01-01',
-  toDate: '2022-11-15'
-}

package/stories/ox-gantt.stories.ts

@@ -1,417 +0,0 @@
-import '../src/ox-gantt.js'
-
-import { html, TemplateResult } from 'lit'
-import { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'
-import { CommonHeaderStyles } from '@operato/styles'
-
-import { Task, TimeScale } from '../src/types.js'
-
-export default {
-  title: 'ox-gantt',
-  component: 'ox-gantt',
-  argTypes: {
-    fromDate: { control: 'date' },
-    toDate: { control: 'date' },
-    timeScale: { control: 'select', options: ['year-quarter', 'year-month', 'quarter-week', 'week-day'] },
-    extendGridLines: { control: 'boolean' },
-    tasks: { control: 'object' }
-  }
-}
-
-interface Story<T> {
-  (args: T): TemplateResult
-  args?: Partial<T>
-  argTypes?: Record<string, unknown>
-}
-
-interface ArgTypes {
-  tasks: Task[]
-  fromDate: number | string
-  toDate: number | string
-  extendGridLines: boolean
-  timeScale: TimeScale
-}
-
-const Template: Story<ArgTypes> = ({
-  tasks,
-  fromDate,
-  toDate,
-  extendGridLines,
-  timeScale = 'week-day'
-}: ArgTypes) => html`
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
-
-  <link href="/themes/light.css" rel="stylesheet" />
-  <link href="/themes/dark.css" rel="stylesheet" />
-  <link href="/themes/spacing.css" rel="stylesheet" />
-  <link href="/themes/md-typescale-styles.css" rel="stylesheet" />
-
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-
-  <style>
-    ${MDTypeScaleStyles.cssText}
-  </style>
-
-  <style>
-    ${CommonHeaderStyles.cssText}
-  </style>
-
-  <style>
-    body {
-      width: 100%;
-      height: 800px;
-      text-align: center;
-
-      background-color: var(--md-sys-color-background);
-      color: var(--md-sys-color-on-background);
-    }
-
-    ox-gantt {
-      width: 95%;
-      height: 650px;
-      box-sizing: border-box;
-
-      background-color: var(--md-sys-color-primary-container);
-      color: var(--md-sys-color-on-primary-container);
-    }
-  </style>
-
-  <ox-gantt
-    from-date=${new Date(fromDate).toISOString().split('T')[0]}
-    to-date=${new Date(toDate).toISOString().split('T')[0]}
-    .timeScale=${timeScale}
-    .tasks=${tasks}
-    @date-range-selected=${(e: CustomEvent) => {
-      console.log('date-range-selected', e.detail)
-    }}
-    @task-clicked=${(e: CustomEvent) => {
-      console.log('task-clicked', e.detail)
-    }}
-    ?extend-grid-lines=${extendGridLines}
-  >
-  </ox-gantt>
-`
-
-export const Regular = Template.bind({})
-Regular.args = {
-  fromDate: '2022-12-27',
-  toDate: '2024-12-31',
-  tasks: [
-    {
-      id: '1',
-      title: 'Design',
-      type: 'task',
-      startDate: '2023-01-01',
-      endDate: '2023-01-05',
-      progress: 60,
-      dependsOn: '',
-      duration: 5,
-      tags: ['active'],
-      resources: [{ type: '철근/형틀공', allocated: 6 }],
-      children: []
-    },
-    {
-      id: '2',
-      title: 'Development',
-      type: 'milestone',
-      startDate: '2023-01-06',
-      endDate: '2023-01-06',
-      progress: 30,
-      dependsOn: '1',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '철근/형틀공', allocated: 6 }],
-      children: []
-    },
-    {
-      id: '3',
-      title: 'Coding',
-      type: 'phase',
-      startDate: '2023-01-07',
-      endDate: '2023-01-15',
-      progress: 10,
-      dependsOn: '2',
-      duration: 9,
-      tags: ['critical'],
-      children: [
-        {
-          id: '3-1',
-          title: 'Coding-A',
-          type: 'task',
-          startDate: '2023-01-07',
-          endDate: '2023-01-10',
-          progress: 60,
-          dependsOn: '',
-          duration: 4,
-          tags: ['done'],
-          children: [
-            {
-              id: '3-1-1',
-              title: 'Coding-A',
-              type: 'task',
-              startDate: '2023-01-07',
-              endDate: '2023-01-10',
-              progress: 60,
-              dependsOn: '',
-              duration: 4,
-              tags: ['active'],
-              resources: [{ type: '창호공', allocated: 5 }],
-              children: []
-            },
-            {
-              id: '3-1-2',
-              title: 'Coding-B',
-              type: 'task',
-              startDate: '2023-01-11',
-              endDate: '2023-01-15',
-              dependsOn: '3-1-1',
-              duration: 5,
-              tags: ['active'],
-              resources: [{ type: '창호공', allocated: 3 }],
-              children: []
-            }
-          ]
-        },
-        {
-          id: '3-2',
-          title: 'Coding-B',
-          type: 'task',
-          startDate: '2023-01-11',
-          endDate: '2023-01-15',
-          dependsOn: '3-1',
-          duration: 5,
-          tags: ['active'],
-          resources: [{ type: '창호공', allocated: 6 }],
-          children: []
-        }
-      ]
-    },
-    {
-      id: '4',
-      title: 'Test',
-      type: 'milestone',
-      startDate: '2023-01-07',
-      endDate: '2023-01-10',
-      progress: 100,
-      dependsOn: '1',
-      duration: 1,
-      tags: ['done'],
-      resources: [{ type: '방수공', allocated: 5 }],
-      children: []
-    },
-    {
-      id: '5',
-      title: 'Deploy',
-      type: 'milestone',
-      startDate: '2023-01-15',
-      endDate: '2023-01-21',
-      dependsOn: '4',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '목공', allocated: 3 }],
-      children: []
-    },
-    {
-      id: '6',
-      title: 'Publishing',
-      type: 'milestone',
-      startDate: '2023-01-11',
-      endDate: '2023-01-15',
-      dependsOn: '5',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '금속공', allocated: 1 }],
-      children: []
-    },
-    {
-      id: '7',
-      title: 'Provisioning',
-      type: 'milestone',
-      startDate: '2023-01-12',
-      endDate: '2023-01-15',
-      dependsOn: '6',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '타일공', allocated: 6 }],
-      children: []
-    },
-    {
-      id: '8',
-      title: 'Alpha Test',
-      type: 'milestone',
-      startDate: '2023-01-15',
-      endDate: '2023-01-17',
-      dependsOn: '7',
-      duration: 1,
-      tags: ['critical'],
-      resources: [{ type: '창호공', allocated: 7 }],
-      children: []
-    },
-    {
-      id: '9',
-      title: 'Beta Task',
-      type: 'milestone',
-      startDate: '2023-01-15',
-      endDate: '2023-01-18',
-      dependsOn: '8',
-      duration: 1,
-      tags: ['active'],
-      resources: [{ type: '도배공', allocated: 8 }],
-      children: []
-    },
-    {
-      id: '10',
-      title: 'Gamma Test',
-      type: 'milestone',
-      // section: testSection,
-      startDate: '2023-01-18',
-      endDate: '2023-01-19',
-      dependsOn: '9',
-      duration: 1,
-      tags: ['critical'],
-      resources: [{ type: '조적공', allocated: 6 }],
-      children: []
-    },
-    {
-      id: '11',
-      title: 'Zeta Test',
-      type: 'milestone',
-      startDate: '2023-01-18',
-      endDate: '2023-01-22',
-      dependsOn: '9',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '철근/형틀공', allocated: 6 }],
-      children: []
-    },
-    {
-      id: '12',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-01-18',
-      endDate: '2023-01-23',
-      dependsOn: '9',
-      duration: 1,
-      resources: [{ type: '방수공', allocated: 6 }],
-      tags: ['milestone'],
-      children: [
-        {
-          id: '12-1',
-          title: 'Coding-A',
-          type: 'task',
-          startDate: '2023-01-07',
-          endDate: '2023-01-10',
-          progress: 60,
-          dependsOn: '',
-          duration: 4,
-          tags: ['done'],
-          resources: [{ type: '방수공', allocated: 6 }],
-          children: []
-        },
-        {
-          id: '12-2',
-          title: 'Coding-B',
-          type: 'task',
-          startDate: '2023-01-11',
-          endDate: '2023-01-15',
-          dependsOn: '12-1',
-          duration: 5,
-          tags: ['active'],
-          resources: [{ type: '조적공', allocated: 6 }],
-          children: []
-        }
-      ]
-    },
-    {
-      id: '13',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-01-22',
-      endDate: '2023-01-27',
-      dependsOn: '12',
-      duration: 1,
-      tags: ['done'],
-      children: []
-    },
-    {
-      id: '14',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-01-27',
-      endDate: '2023-01-30',
-      dependsOn: '13',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '금속공', allocated: 1 }],
-      children: []
-    },
-    {
-      id: '15',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-01-30',
-      endDate: '2023-01-31',
-      dependsOn: '14',
-      duration: 1,
-      tags: ['milestone'],
-      children: []
-    },
-    {
-      id: '16',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-01-31',
-      endDate: '2023-02-05',
-      dependsOn: '15',
-      duration: 1,
-      resources: [{ type: '창호공', allocated: 1 }],
-      tags: ['active'],
-      children: []
-    },
-    {
-      id: '17',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-02-06',
-      endDate: '2023-02-07',
-      dependsOn: '16',
-      duration: 1,
-      tags: ['milestone'],
-      children: []
-    },
-    {
-      id: '18',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-02-08',
-      endDate: '2023-02-09',
-      dependsOn: '17',
-      duration: 1,
-      tags: ['critical'],
-      children: []
-    },
-    {
-      id: '19',
-      title: 'Release',
-      type: 'milestone',
-      startDate: '2023-02-10',
-      endDate: '2023-02-25',
-      dependsOn: '18',
-      duration: 1,
-      tags: ['milestone'],
-      resources: [{ type: '창호공', allocated: 7 }],
-      children: []
-    }
-  ]
-}

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "noEmitOnError": true,
-    "lib": ["es2017", "dom"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
-    "importHelpers": true,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "./",
-    "declaration": true,
-    "incremental": true,
-    "skipLibCheck": true,
-    "types": ["node", "mocha"]
-  },
-  "include": ["**/*.ts"]
-}

package/web-dev-server.config.mjs

@@ -1,27 +0,0 @@
-// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
-
-/** Use Hot Module replacement by adding --hmr to the start command */
-const hmr = process.argv.includes('--hmr');
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  open: '/demo/',
-  /** Use regular watch mode if HMR is not enabled. */
-  watch: !hmr,
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto'
-
-  /** Set appIndex to enable SPA routing */
-  // appIndex: 'demo/index.html',
-
-  plugins: [
-    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
-    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
-  ],
-
-  // See documentation for all available options
-});

package/web-test-runner.config.mjs

@@ -1,41 +0,0 @@
-// import { playwrightLauncher } from '@web/test-runner-playwright';
-
-const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
-
-export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
-  /** Test files to run */
-  files: 'dist/test/**/*.test.js',
-
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Filter out lit dev mode logs */
-  filterBrowserLogs(log) {
-    for (const arg of log.args) {
-      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
-        return false;
-      }
-    }
-    return true;
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto',
-
-  /** Amount of browsers to run concurrently */
-  // concurrentBrowsers: 2,
-
-  /** Amount of test files per browser to test concurrently */
-  // concurrency: 1,
-
-  /** Browsers to run tests on */
-  // browsers: [
-  //   playwrightLauncher({ product: 'chromium' }),
-  //   playwrightLauncher({ product: 'firefox' }),
-  //   playwrightLauncher({ product: 'webkit' }),
-  // ],
-
-  // See documentation for all available options
-});