@croquiscom/pds 8.0.0 → 8.2.0-next.1

package/locales/en.d.ts

@@ -0,0 +1,79 @@
+export declare const en: {
+    lang: string;
+    accessibility: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        close: string;
+        page: string;
+        prev: string;
+        next: string;
+        back: string;
+    };
+    ConfirmModal: {
+        title: string;
+        confirmText: string;
+        cancelText: string;
+    };
+    AlertModal: {
+        title: string;
+        confirmText: string;
+    };
+    NoticeModal: {
+        closeText: string;
+        checkReplayText: string;
+    };
+    Dropdown: {
+        placeholder: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        footer: {
+            now: string;
+            today: string;
+            ok: string;
+            clear: string;
+        };
+    };
+    DatePickerRange: {
+        placeholder: string[];
+        dataPreset: {
+            today: string;
+            '1-week': string;
+            '1-month': string;
+            '3-month': string;
+            '6-month': string;
+            '1-year': string;
+            all: string;
+        };
+    };
+    TimePicker: {
+        placeholder: string;
+        footer: {
+            ok: string;
+            clear: string;
+        };
+    };
+    TimeRangePicker: {
+        placeholder: string[];
+    };
+    FileUpload: {
+        label: string;
+    };
+    Table: {
+        noDataText: string;
+    };
+    ColumnViewController: {
+        noFixedItemsText: string;
+        fixedSectionTitle: string;
+        listSectionTitle: string;
+        max: string;
+        items: string;
+    };
+    CategorySelector: {
+        levelCategory: string;
+        selectParentCategoryLine1: string;
+        selectParentCategoryLine2: string;
+    };
+};

package/locales/en.esm.d.ts

@@ -0,0 +1,79 @@
+export declare const en: {
+    lang: string;
+    accessibility: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        close: string;
+        page: string;
+        prev: string;
+        next: string;
+        back: string;
+    };
+    ConfirmModal: {
+        title: string;
+        confirmText: string;
+        cancelText: string;
+    };
+    AlertModal: {
+        title: string;
+        confirmText: string;
+    };
+    NoticeModal: {
+        closeText: string;
+        checkReplayText: string;
+    };
+    Dropdown: {
+        placeholder: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        footer: {
+            now: string;
+            today: string;
+            ok: string;
+            clear: string;
+        };
+    };
+    DatePickerRange: {
+        placeholder: string[];
+        dataPreset: {
+            today: string;
+            '1-week': string;
+            '1-month': string;
+            '3-month': string;
+            '6-month': string;
+            '1-year': string;
+            all: string;
+        };
+    };
+    TimePicker: {
+        placeholder: string;
+        footer: {
+            ok: string;
+            clear: string;
+        };
+    };
+    TimeRangePicker: {
+        placeholder: string[];
+    };
+    FileUpload: {
+        label: string;
+    };
+    Table: {
+        noDataText: string;
+    };
+    ColumnViewController: {
+        noFixedItemsText: string;
+        fixedSectionTitle: string;
+        listSectionTitle: string;
+        max: string;
+        items: string;
+    };
+    CategorySelector: {
+        levelCategory: string;
+        selectParentCategoryLine1: string;
+        selectParentCategoryLine2: string;
+    };
+};

package/locales/ja.d.ts

@@ -0,0 +1,79 @@
+export declare const ja: {
+    lang: string;
+    accessibility: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        close: string;
+        page: string;
+        prev: string;
+        next: string;
+        back: string;
+    };
+    ConfirmModal: {
+        title: string;
+        confirmText: string;
+        cancelText: string;
+    };
+    AlertModal: {
+        title: string;
+        confirmText: string;
+    };
+    NoticeModal: {
+        closeText: string;
+        checkReplayText: string;
+    };
+    Dropdown: {
+        placeholder: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        footer: {
+            now: string;
+            today: string;
+            ok: string;
+            clear: string;
+        };
+    };
+    DatePickerRange: {
+        placeholder: string[];
+        dataPreset: {
+            today: string;
+            '1-week': string;
+            '1-month': string;
+            '3-month': string;
+            '6-month': string;
+            '1-year': string;
+            all: string;
+        };
+    };
+    TimePicker: {
+        placeholder: string;
+        footer: {
+            ok: string;
+            clear: string;
+        };
+    };
+    TimeRangePicker: {
+        placeholder: string[];
+    };
+    FileUpload: {
+        label: string;
+    };
+    Table: {
+        noDataText: string;
+    };
+    ColumnViewController: {
+        noFixedItemsText: string;
+        fixedSectionTitle: string;
+        listSectionTitle: string;
+        max: string;
+        items: string;
+    };
+    CategorySelector: {
+        levelCategory: string;
+        selectParentCategoryLine1: string;
+        selectParentCategoryLine2: string;
+    };
+};

package/locales/ja.esm.d.ts

@@ -0,0 +1,79 @@
+export declare const ja: {
+    lang: string;
+    accessibility: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        close: string;
+        page: string;
+        prev: string;
+        next: string;
+        back: string;
+    };
+    ConfirmModal: {
+        title: string;
+        confirmText: string;
+        cancelText: string;
+    };
+    AlertModal: {
+        title: string;
+        confirmText: string;
+    };
+    NoticeModal: {
+        closeText: string;
+        checkReplayText: string;
+    };
+    Dropdown: {
+        placeholder: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        footer: {
+            now: string;
+            today: string;
+            ok: string;
+            clear: string;
+        };
+    };
+    DatePickerRange: {
+        placeholder: string[];
+        dataPreset: {
+            today: string;
+            '1-week': string;
+            '1-month': string;
+            '3-month': string;
+            '6-month': string;
+            '1-year': string;
+            all: string;
+        };
+    };
+    TimePicker: {
+        placeholder: string;
+        footer: {
+            ok: string;
+            clear: string;
+        };
+    };
+    TimeRangePicker: {
+        placeholder: string[];
+    };
+    FileUpload: {
+        label: string;
+    };
+    Table: {
+        noDataText: string;
+    };
+    ColumnViewController: {
+        noFixedItemsText: string;
+        fixedSectionTitle: string;
+        listSectionTitle: string;
+        max: string;
+        items: string;
+    };
+    CategorySelector: {
+        levelCategory: string;
+        selectParentCategoryLine1: string;
+        selectParentCategoryLine2: string;
+    };
+};

package/locales/ko.d.ts

@@ -0,0 +1,79 @@
+export declare const ko: {
+    lang: string;
+    accessibility: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        close: string;
+        page: string;
+        prev: string;
+        next: string;
+        back: string;
+    };
+    ConfirmModal: {
+        title: string;
+        confirmText: string;
+        cancelText: string;
+    };
+    AlertModal: {
+        title: string;
+        confirmText: string;
+    };
+    NoticeModal: {
+        closeText: string;
+        checkReplayText: string;
+    };
+    Dropdown: {
+        placeholder: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        footer: {
+            now: string;
+            today: string;
+            ok: string;
+            clear: string;
+        };
+    };
+    DatePickerRange: {
+        placeholder: string[];
+        dataPreset: {
+            today: string;
+            '1-week': string;
+            '1-month': string;
+            '3-month': string;
+            '6-month': string;
+            '1-year': string;
+            all: string;
+        };
+    };
+    TimePicker: {
+        placeholder: string;
+        footer: {
+            ok: string;
+            clear: string;
+        };
+    };
+    TimeRangePicker: {
+        placeholder: string[];
+    };
+    FileUpload: {
+        label: string;
+    };
+    Table: {
+        noDataText: string;
+    };
+    ColumnViewController: {
+        noFixedItemsText: string;
+        fixedSectionTitle: string;
+        listSectionTitle: string;
+        max: string;
+        items: string;
+    };
+    CategorySelector: {
+        levelCategory: string;
+        selectParentCategoryLine1: string;
+        selectParentCategoryLine2: string;
+    };
+};

package/locales/ko.esm.d.ts

@@ -0,0 +1,79 @@
+export declare const ko: {
+    lang: string;
+    accessibility: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        close: string;
+        page: string;
+        prev: string;
+        next: string;
+        back: string;
+    };
+    ConfirmModal: {
+        title: string;
+        confirmText: string;
+        cancelText: string;
+    };
+    AlertModal: {
+        title: string;
+        confirmText: string;
+    };
+    NoticeModal: {
+        closeText: string;
+        checkReplayText: string;
+    };
+    Dropdown: {
+        placeholder: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        footer: {
+            now: string;
+            today: string;
+            ok: string;
+            clear: string;
+        };
+    };
+    DatePickerRange: {
+        placeholder: string[];
+        dataPreset: {
+            today: string;
+            '1-week': string;
+            '1-month': string;
+            '3-month': string;
+            '6-month': string;
+            '1-year': string;
+            all: string;
+        };
+    };
+    TimePicker: {
+        placeholder: string;
+        footer: {
+            ok: string;
+            clear: string;
+        };
+    };
+    TimeRangePicker: {
+        placeholder: string[];
+    };
+    FileUpload: {
+        label: string;
+    };
+    Table: {
+        noDataText: string;
+    };
+    ColumnViewController: {
+        noFixedItemsText: string;
+        fixedSectionTitle: string;
+        listSectionTitle: string;
+        max: string;
+        items: string;
+    };
+    CategorySelector: {
+        levelCategory: string;
+        selectParentCategoryLine1: string;
+        selectParentCategoryLine2: string;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "8.0.0",
+  "version": "8.2.0-next.1",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
@@ -76,7 +76,7 @@
     "typescript": "^4.3.5"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.18.0",
+    "@floating-ui/react": "^0.26.6",
     "@react-aria/focus": "^3.9.0",
     "@react-aria/utils": "^3.14.0",
     "chroma-js": "^2.4.2",

package/scripts/table/migrate-table.ts

@@ -14,8 +14,10 @@ import { API, FileInfo } from 'jscodeshift';
 
 const migrations = {
   Table: 'DataTable',
+  TableProps: 'DataTableProps',
   TableColumnBase: 'DataTableColumnBase',
   TableColumnType: 'DataTableColumnType',
+  TableColumnsType: 'DataTableColumnsType',
   TableColumnGroupType: 'DataTableColumnGroupType',
   TableRowType: 'DataTableRowType',
   TableRowsType: 'DataTableRowsType',
@@ -24,11 +26,15 @@ const migrations = {
 };
 
 const original_name_list = Object.keys(migrations);
+const migration_entries = Object.entries(migrations);
 
 export default function transformer(file: FileInfo, api: API) {
   const j = api.jscodeshift;
   const source = j(file.source);
 
+  let is_used_comp = false;
+  let is_used_props = false;
+
   if (!hasImportDeclaration(j, source, '@croquiscom/pds')) {
     return;
   }
@@ -38,16 +44,64 @@ export default function transformer(file: FileInfo, api: API) {
     .filter((path) => original_name_list.includes(path.node.imported.name))
     .forEach((path) => {
       const new_name = migrations[path.node.imported.name];
-      if (new_name) {
-        j(path).replaceWith(j.importSpecifier(j.identifier(new_name)));
+      if (!new_name) return;
+
+      if (new_name === 'DataTable') {
+        if (source.find(j.Identifier, { name: 'DataTable' }).length) {
+          j(path).replaceWith(j.importSpecifier(j.identifier(new_name), j.identifier('PdsDataTable')));
+          is_used_comp = true;
+          return;
+        }
+      }
+      if (new_name === 'DataTableProps') {
+        if (source.find(j.Identifier, { name: 'DataTableProps' }).length) {
+          j(path).replaceWith(j.importSpecifier(j.identifier(new_name), j.identifier('PdsDataTableProps')));
+          is_used_props = true;
+          return;
+        }
       }
+
+      j(path).replaceWith(j.importSpecifier(j.identifier(new_name)));
     });
 
-  if (hasImportSpecifier(j, source, 'DataTable', '@croquiscom/pds')) {
-    source.find(j.JSXIdentifier, { name: 'Table' }).forEach((path) => {
-      j(path).replaceWith(j.jsxIdentifier('DataTable'));
+  migration_entries
+    .filter(([_origin, new_name]) => hasImportSpecifier(j, source, new_name, '@croquiscom/pds'))
+    .forEach(([original_name, new_name]) => {
+      if (new_name === 'DataTable') {
+        source.find(j.JSXIdentifier, { name: original_name }).forEach((path) => {
+          j(path).replaceWith(j.jsxIdentifier(is_used_comp ? 'PdsDataTable' : new_name));
+        });
+        return;
+      }
+
+      source.find(j.Identifier, { name: original_name }).forEach((path) => {
+        if (new_name === 'DataTableProps' && is_used_props) {
+          j(path).replaceWith('PdsDataTableProps');
+        } else {
+          j(path).replaceWith(new_name);
+        }
+      });
+
+      source
+        .find(j.CallExpression, { typeParameters: { type: 'TSTypeParameterInstantiation' } } as any)
+        .forEach((path) => {
+          const index = (path.node as any).typeParameters.params.findIndex((param) => {
+            return j(param).find(j.Identifier, { name: original_name }).length;
+          });
+
+          if (index === -1) return;
+
+          j((path.node as any).typeParameters.params[index])
+            .find(j.Identifier, { name: original_name })
+            .forEach((path) => {
+              if (new_name === 'DataTableProps' && is_used_props) {
+                j(path).replaceWith('PdsDataTableProps');
+              } else {
+                j(path).replaceWith(j.identifier(new_name));
+              }
+            });
+        });
     });
-  }
 
   return source.toSource({ quote: 'single' });
 }