pds-dev-kit-web-test 0.1.4 → 0.1.6

package/dist/src/sub/DynamicLayout/sections/IntroSection/templates/TemplateD/mobile/M_TemplateD.js

@@ -3,30 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var mobile_1 = require("../../../../../components/mobile");
 var Section_1 = require("../../../../../components/Section");
@@ -36,18 +29,10 @@ function TemplateD() {
     var _b = section.styles, titleColorInHex = _b.titleColorInHex, descriptionColorInHex = _b.descriptionColorInHex;
     var _c = section.properties, buttonAlphaLabel = _c.buttonAlphaLabel, buttonAlphaLinkSrc = _c.buttonAlphaLinkSrc, buttonAlphaLinkType = _c.buttonAlphaLinkType, buttonBravoLabel = _c.buttonBravoLabel, buttonBravoLinkSrc = _c.buttonBravoLinkSrc, buttonBravoLinkType = _c.buttonBravoLinkType, buttonCharlieLabel = _c.buttonCharlieLabel, buttonCharlieLinkSrc = _c.buttonCharlieLinkSrc, buttonCharlieLinkType = _c.buttonCharlieLinkType;
     var _d = section.styles, buttonAlphaDesignType = _d.buttonAlphaDesignType, buttonAlphaBackgroundColorInHex = _d.buttonAlphaBackgroundColorInHex, buttonAlphaLabelColorInHex = _d.buttonAlphaLabelColorInHex, buttonBravoDesignType = _d.buttonBravoDesignType, buttonBravoBackgroundColorInHex = _d.buttonBravoBackgroundColorInHex, buttonBravoLabelColorInHex = _d.buttonBravoLabelColorInHex, buttonCharlieDesignType = _d.buttonCharlieDesignType, buttonCharlieBackgroundColorInHex = _d.buttonCharlieBackgroundColorInHex, buttonCharlieLabelColorInHex = _d.buttonCharlieLabelColorInHex;
-    return (react_1.default.createElement(S_FullScreenWrapper, null,
-        react_1.default.createElement(S_ContentsArea, null,
-            title && (react_1.default.createElement(mobile_1.Section.Title, { text: title, color: titleColorInHex, textAlign: "center", customFontSize: "37px", customFontWeight: "bold", lineHeight: 1.3 })),
-            description && (react_1.default.createElement(S_SectionDescriptionBox, { hasTitle: !!title },
-                react_1.default.createElement(mobile_1.Section.Description, { text: description, color: descriptionColorInHex, textAlign: "center", styleTheme: "body1Bold" }))),
-            (buttonAlphaLinkSrc || buttonBravoLinkSrc || buttonCharlieLinkSrc) && (react_1.default.createElement(S_SectionButtonBox, { hasTitle: !!title, hasDescription: !!description },
-                buttonAlphaLinkSrc && (react_1.default.createElement(mobile_1.Section.Button, { text: buttonAlphaLabel, src: buttonAlphaLinkSrc, linkType: buttonAlphaLinkType, buttonType: buttonAlphaDesignType, backgroundColor: buttonAlphaBackgroundColorInHex, textColor: buttonAlphaLabelColorInHex, borderColor: buttonAlphaLabelColorInHex })),
-                buttonBravoLinkSrc && (react_1.default.createElement(mobile_1.Section.Button, { text: buttonBravoLabel, src: buttonBravoLinkSrc, linkType: buttonBravoLinkType, buttonType: buttonBravoDesignType, backgroundColor: buttonBravoBackgroundColorInHex, textColor: buttonBravoLabelColorInHex, borderColor: buttonBravoLabelColorInHex })),
-                buttonCharlieLinkSrc && (react_1.default.createElement(mobile_1.Section.Button, { text: buttonCharlieLabel, src: buttonCharlieLinkSrc, linkType: buttonCharlieLinkType, buttonType: buttonCharlieDesignType, backgroundColor: buttonCharlieBackgroundColorInHex, textColor: buttonCharlieLabelColorInHex, borderColor: buttonCharlieLabelColorInHex })))))));
+    return ((0, jsx_runtime_1.jsx)(S_FullScreenWrapper, { children: (0, jsx_runtime_1.jsxs)(S_ContentsArea, { children: [title && ((0, jsx_runtime_1.jsx)(mobile_1.Section.Title, { text: title, color: titleColorInHex, textAlign: "center", customFontSize: "37px", customFontWeight: "bold", lineHeight: 1.3 }, void 0)), description && ((0, jsx_runtime_1.jsx)(S_SectionDescriptionBox, __assign({ hasTitle: !!title }, { children: (0, jsx_runtime_1.jsx)(mobile_1.Section.Description, { text: description, color: descriptionColorInHex, textAlign: "center", styleTheme: "body1Bold" }, void 0) }), void 0)), (buttonAlphaLinkSrc || buttonBravoLinkSrc || buttonCharlieLinkSrc) && ((0, jsx_runtime_1.jsxs)(S_SectionButtonBox, __assign({ hasTitle: !!title, hasDescription: !!description }, { children: [buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(mobile_1.Section.Button, { text: buttonAlphaLabel, src: buttonAlphaLinkSrc, linkType: buttonAlphaLinkType, buttonType: buttonAlphaDesignType, backgroundColor: buttonAlphaBackgroundColorInHex, textColor: buttonAlphaLabelColorInHex, borderColor: buttonAlphaLabelColorInHex }, void 0)), buttonBravoLinkSrc && ((0, jsx_runtime_1.jsx)(mobile_1.Section.Button, { text: buttonBravoLabel, src: buttonBravoLinkSrc, linkType: buttonBravoLinkType, buttonType: buttonBravoDesignType, backgroundColor: buttonBravoBackgroundColorInHex, textColor: buttonBravoLabelColorInHex, borderColor: buttonBravoLabelColorInHex }, void 0)), buttonCharlieLinkSrc && ((0, jsx_runtime_1.jsx)(mobile_1.Section.Button, { text: buttonCharlieLabel, src: buttonCharlieLinkSrc, linkType: buttonCharlieLinkType, buttonType: buttonCharlieDesignType, backgroundColor: buttonCharlieBackgroundColorInHex, textColor: buttonCharlieLabelColorInHex, borderColor: buttonCharlieLabelColorInHex }, void 0))] }), void 0))] }, void 0) }, void 0));
 }
-var S_FullScreenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n"], ["\n  width: 100%;\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n"])));
-var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  margin: ", " 0;\n  padding: 0 ", ";\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  margin: ", " 0;\n  padding: 0 ", ";\n"])), function (_a) {
+var S_FullScreenWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  min-height: 80vh;\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  min-height: 80vh;\n  width: 100%;\n"])));
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  margin: ", " 0;\n  padding: 0 ", ";\n  width: 100%;\n"], ["\n  box-sizing: border-box;\n  margin: ", " 0;\n  padding: 0 ", ";\n  width: 100%;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingG;
 }, function (_a) {
@@ -58,7 +43,7 @@ var S_SectionDescriptionBox = styled_components_1.default.div(templateObject_3 |
     var theme = _a.theme, hasTitle = _a.hasTitle;
     return hasTitle && theme.spacing.spacingE;
 });
-var S_SectionButtonBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-top: ", ";\n\n  & > div {\n    margin-top: ", ";\n    width: fit-content;\n    margin-left: auto;\n    margin-right: auto;\n  }\n"], ["\n  margin-top: ", ";\n\n  & > div {\n    margin-top: ", ";\n    width: fit-content;\n    margin-left: auto;\n    margin-right: auto;\n  }\n"])), function (_a) {
+var S_SectionButtonBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-top: ", ";\n\n  & > div {\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: ", ";\n    width: fit-content;\n  }\n"], ["\n  margin-top: ", ";\n\n  & > div {\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: ", ";\n    width: fit-content;\n  }\n"])), function (_a) {
     var theme = _a.theme, hasTitle = _a.hasTitle, hasDescription = _a.hasDescription;
     return (hasTitle || hasDescription) && theme.spacing.spacingG;
 }, function (_a) {

package/dist/src/sub/index.d.ts

@@ -1,2 +1 @@
 export { DynamicLayout } from './DynamicLayout';
-export * from './AdminList';

package/dist/src/sub/index.js

@@ -1,16 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DynamicLayout = void 0;
+// NOTE: 이름은 변경될 수 있습니다.
 var DynamicLayout_1 = require("./DynamicLayout");
 Object.defineProperty(exports, "DynamicLayout", { enumerable: true, get: function () { return DynamicLayout_1.DynamicLayout; } });
-__exportStar(require("./AdminList"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -34,7 +34,7 @@
   },
   "scripts": {
     "build": "rm -rf ./dist && tsc",
-    "prepare": "npm run build",
+    "prepare": "npm run build | husky install",
     "sync:color": "dotenv -e env/.env node syncColor.ts",
     "storybook": "start-storybook -p 6006",
     "build:storybook": "build-storybook",
@@ -94,9 +94,12 @@
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-plugin-better-styled-components": "^1.1.2",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.24.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.1.2",
     "prettier": "^2.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

package/release-note.md

@@ -1,19 +1,7 @@
-# pds-dev-kit-web-test Release Notes
-## [v0.1.4]
+# PDS-DEV-KIT-WEB-TEST Release Notes
+## [v0.1.6]
+## 기준 pds-dev-kit-web 버전 @1.9.18
 
-## 기준 pds-dev-kit-web 버전 @1.9.13
-### sub
-* AdminList
-  * SearchField
-    * arrowLeftIconButton 클릭시 SearchField 값이 지워지던 기능 삭제
-    * deleteIcon과 searchIcon 사이 간격 수정
-  * ToolBar
-    * SearchField의 arrowLeftIconButton 클릭시 SearchField 값이 지워지도록 기능 추가
-  * AdminList
-    * 사용되지 않는 props type 삭제
-      * onChangeDropdown1
-      * onChangeDropdown2
-      * onChangeDropdown3
-      * onClickTBtn1
-      * onClickTBtn2
-      * onClickTBtn3
+### Package
+* 패키지화를 시킬시 스토리 파일이 포함되지 않도록 조치
+* npmignore 수정

package/.vscode/settings.json

@@ -1,50 +0,0 @@
-{
-  "editor.minimap.enabled": false,
-  "javascript.validate.enable": false,
-  "javascript.format.enable": false,
-  "typescript.format.enable": false,
-  "editor.formatOnSave": false,
-  "stylelint.syntax": "css-in-js",
-  "[javascript]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true
-    }
-  },
-  "[typescript]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true,
-      "source.fixAll.eslint": true
-    }
-  },
-  "[typescriptreact]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true,
-      "source.fixAll.eslint": true
-    }
-  },
-  "[css]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.stylelint": true
-    }
-  },
-  "[json]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[jsonc]": {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "files.associations": {
-    "*.stylelintrc": "jsonc"
-  },
-  "cSpell.words": ["lotties", "singleline"]
-}

package/bitbucket-pipelines.yml

@@ -1,114 +0,0 @@
-#  Template React Deploy
-
-#  This template allows you to deploy your React app to an AWS S3 bucket and invalidate the old AWS Cloudfront distribution.
-#  The workflow allows running tests, code linting and security scans on feature branches (as well as master).
-#  The react app will be validated, deployed to S3 and trigger an AWS Cloudfront distribution invalidation to refresh the CDN caches after the code is merged to master.
-
-# Prerequisites: $AWS_ACCESS_KEY_ID, $AWS_SECRET_ACCESS_KEY setup in the Deployment variables.
-# For advanced cases, please, follow examples from the pipe's:
-# README https://bitbucket.org/atlassian/aws-s3-deploy/src/master/README.md
-# README https://bitbucket.org/atlassian/aws-cloudfront-invalidate/src/master/README.md
-
-image: node:10.15.3
-
-# Workflow Configuration
-
-options:
-  size: 2x
-
-definitions:
-  services:
-    docker:
-      memory: 7128
-
-pipelines:
-  pull-requests:
-    '**':
-      - step:
-          script:
-          - npm install
-          - npm run build:storybook
-          - if [ "${BITBUCKET_PR_DESTINATION_BRANCH}" != "staging" ]; then printf 'not a target branch we want to check'; exit; fi
-          - printf 'running storybook'
-          - npm run chromatic
-  tags:
-    version-*:
-      - step:
-          name: Deploy to Production
-          deployment: Production
-          caches:
-            - node
-          script:
-            - npm install
-            - npm run build:storybook
-            # sync your files to S3
-            - pipe: atlassian/aws-s3-deploy:0.4.4
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                S3_BUCKET: 'proto2.publishingkit.net'
-                LOCAL_PATH: 'storybook-static'
-                EXTRA_ARGS: '--delete'
-            # triggering a distribution invalidation to refresh the CDN caches
-            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                DISTRIBUTION_ID: $DISTRIBUTION_ID
-
-  branches:
-    staging:
-      - step:
-          name: Deploy to Staging
-          deployment: Staging
-          caches:
-            - node
-          script:
-            - npm install
-            - npm run build:storybook
-            # sync your files to S3
-            - pipe: atlassian/aws-s3-deploy:0.4.4
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                S3_BUCKET: $S3_BUCKET_STAGING
-                LOCAL_PATH: 'storybook-static'
-                EXTRA_ARGS: '--delete'
-            # triggering a distribution invalidation to refresh the CDN caches
-            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                DISTRIBUTION_ID: $DISTRIBUTION_ID_STAGING
-    master:
-      - step:
-          name: Deploy to Production
-          deployment: Production
-          caches:
-            - node
-          script:
-            - npm install
-            - npm run build:storybook
-            # sync your files to S3
-            - pipe: atlassian/aws-s3-deploy:0.4.4
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                S3_BUCKET: $S3_BUCKET_PROD
-                LOCAL_PATH: 'storybook-static'
-                EXTRA_ARGS: '--delete'
-            # triggering a distribution invalidation to refresh the CDN caches
-            - pipe: atlassian/aws-cloudfront-invalidate:0.1.1
-              variables:
-                AWS_ACCESS_KEY_ID: $AWS_ACCESS_KEY_ID
-                AWS_SECRET_ACCESS_KEY: $AWS_SECRET_ACCESS_KEY
-                AWS_DEFAULT_REGION: $AWS_DEFAULT_REGION
-                DISTRIBUTION_ID: $DISTRIBUTION_ID_PROD
-definitions:
-  caches:
-    node: src/node_modules

package/dist/src/desktop/components/PageTitleTextGroup/DateButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PDSTextType } from '../../../common';
-declare type Props = {
-    titleText?: PDSTextType;
-    contentText?: PDSTextType;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-};
-declare function DateButton({ titleText, contentText, onClick, onMouseDown }: Props): JSX.Element;
-export default DateButton;

package/dist/src/sub/AdminList/AdminList/AdminList.d.ts

@@ -1,47 +0,0 @@
-import { TFunctionResult } from 'i18next';
-import React from 'react';
-import BulkActionBar from '../BulkActionBar/BulkActionBar';
-import ToolBar from '../ToolBar/ToolBar';
-declare type ColumnWidthType = 'small' | 'medium' | 'large';
-declare type Props = {
-    selectionMode?: 'none' | 'single' | 'multi';
-    headerRowMode?: 'none' | 'use';
-    column2HeaderText: TFunctionResult;
-    column3HeaderText?: TFunctionResult;
-    column3Width?: ColumnWidthType;
-    column4HeaderText?: TFunctionResult;
-    column4Width?: ColumnWidthType;
-    column5HeaderText?: TFunctionResult;
-    column5Width?: ColumnWidthType;
-    column6HeaderText?: TFunctionResult;
-    column6Width?: ColumnWidthType;
-    column7HeaderText?: TFunctionResult;
-    column7Width?: ColumnWidthType;
-    column8HeaderText?: TFunctionResult;
-    column8Width?: ColumnWidthType;
-    column9HeaderText?: TFunctionResult;
-    column9Width?: ColumnWidthType;
-    column10HeaderText?: TFunctionResult;
-    column10Width?: ColumnWidthType;
-    quickActionBtnMode?: 'none' | 'btn_amount1' | 'btn_amount2' | 'btn_amount3';
-    quickActionBtn1Text?: TFunctionResult;
-    quickActionBtn2Text?: TFunctionResult;
-    quickActionBtn3Text?: TFunctionResult;
-    quickActionBtnType?: 'hover' | 'fix';
-    emptyText?: TFunctionResult;
-    scrollMode?: 'infinite' | 'none' | 'page';
-    scrollVisibleType?: 'moving' | 'hidden' | 'visible';
-    headerRowCheckboxName?: string;
-    flexibleHideInfoMode?: 'use' | 'none';
-    toolBar?: React.ReactElement<React.ComponentProps<typeof ToolBar>>;
-    bulkActionBar?: React.ReactElement<React.ComponentProps<typeof BulkActionBar>>;
-    onClickQuickActionBtn1?: (id: number) => void;
-    onClickQuickActionBtn2?: (id: number) => void;
-    onClickQuickActionBtn3?: (id: number) => void;
-    children?: React.ReactNode;
-    onSelect?: (ids: number[]) => void;
-    selectedIds?: number[];
-    maintainIds?: number[];
-};
-declare function AdminList({ toolBar, bulkActionBar, selectionMode, headerRowMode, column2HeaderText, column3HeaderText, column3Width, column4HeaderText, column4Width, column5HeaderText, column5Width, column6HeaderText, column6Width, column7HeaderText, column7Width, column8HeaderText, column8Width, column9HeaderText, column9Width, column10HeaderText, column10Width, quickActionBtnMode, quickActionBtn1Text, quickActionBtn2Text, quickActionBtn3Text, quickActionBtnType, emptyText, scrollMode, scrollVisibleType, selectedIds, maintainIds, children, headerRowCheckboxName, flexibleHideInfoMode, onClickQuickActionBtn1, onClickQuickActionBtn2, onClickQuickActionBtn3, onSelect }: Props): JSX.Element;
-export default AdminList;

package/dist/src/sub/AdminList/AdminList/AdminList.js

@@ -1,226 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_hook_form_1 = require("react-hook-form");
-var styled_components_1 = __importStar(require("styled-components"));
-var components_1 = require("../../../desktop/components");
-var HeaderRow_1 = __importDefault(require("./HeaderRow"));
-function AdminList(_a) {
-    var toolBar = _a.toolBar, bulkActionBar = _a.bulkActionBar, _b = _a.selectionMode, selectionMode = _b === void 0 ? 'multi' : _b, _c = _a.headerRowMode, headerRowMode = _c === void 0 ? 'use' : _c, column2HeaderText = _a.column2HeaderText, column3HeaderText = _a.column3HeaderText, _d = _a.column3Width, column3Width = _d === void 0 ? 'small' : _d, column4HeaderText = _a.column4HeaderText, _e = _a.column4Width, column4Width = _e === void 0 ? 'small' : _e, column5HeaderText = _a.column5HeaderText, _f = _a.column5Width, column5Width = _f === void 0 ? 'small' : _f, column6HeaderText = _a.column6HeaderText, _g = _a.column6Width, column6Width = _g === void 0 ? 'small' : _g, column7HeaderText = _a.column7HeaderText, _h = _a.column7Width, column7Width = _h === void 0 ? 'small' : _h, column8HeaderText = _a.column8HeaderText, _j = _a.column8Width, column8Width = _j === void 0 ? 'small' : _j, column9HeaderText = _a.column9HeaderText, _k = _a.column9Width, column9Width = _k === void 0 ? 'small' : _k, column10HeaderText = _a.column10HeaderText, _l = _a.column10Width, column10Width = _l === void 0 ? 'small' : _l, _m = _a.quickActionBtnMode, quickActionBtnMode = _m === void 0 ? 'btn_amount2' : _m, quickActionBtn1Text = _a.quickActionBtn1Text, quickActionBtn2Text = _a.quickActionBtn2Text, quickActionBtn3Text = _a.quickActionBtn3Text, _o = _a.quickActionBtnType, quickActionBtnType = _o === void 0 ? 'fix' : _o, emptyText = _a.emptyText, _p = _a.scrollMode, scrollMode = _p === void 0 ? 'infinite' : _p, _q = _a.scrollVisibleType, scrollVisibleType = _q === void 0 ? 'moving' : _q, selectedIds = _a.selectedIds, maintainIds = _a.maintainIds, children = _a.children, _r = _a.headerRowCheckboxName, headerRowCheckboxName = _r === void 0 ? 'all' : _r, _s = _a.flexibleHideInfoMode, flexibleHideInfoMode = _s === void 0 ? 'use' : _s, onClickQuickActionBtn1 = _a.onClickQuickActionBtn1, onClickQuickActionBtn2 = _a.onClickQuickActionBtn2, onClickQuickActionBtn3 = _a.onClickQuickActionBtn3, onSelect = _a.onSelect;
-    var selectAllMethods = (0, react_hook_form_1.useForm)();
-    var checkboxMethods = (0, react_hook_form_1.useForm)();
-    var isAllCheckboxSelected = (0, react_hook_form_1.useWatch)({
-        name: headerRowCheckboxName,
-        control: selectAllMethods.control
-    });
-    var _t = (0, react_1.useState)(false), isBulkActionBarOpen = _t[0], setIsBulkActionBarOpen = _t[1];
-    /**
-     * @when AdminListItem이 선택되었을 때
-     * @expected 벌크액션바 활성화 여부와 체크박스 선택 여부를 결정합니다.
-     */
-    (0, react_1.useEffect)(function () {
-        if (!selectedIds) {
-            return;
-        }
-        if (!selectedIds.length) {
-            checkboxMethods.reset();
-            selectAllMethods.reset();
-            if (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.length) {
-                setIsBulkActionBarOpen(true);
-                maintainIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
-            }
-            else {
-                setIsBulkActionBarOpen(false);
-            }
-            return;
-        }
-        if (selectionMode === 'single') {
-            checkboxMethods.reset();
-            checkboxMethods.setValue(selectedIds[0].toString(), true);
-            return;
-        }
-        setIsBulkActionBarOpen(true);
-        selectedIds.forEach(function (val) { return checkboxMethods.setValue(val.toString(), true); });
-    }, [selectedIds, maintainIds]);
-    var handleSelectAllCheckbox = function () {
-        var allIds = Object.keys(checkboxMethods.getValues()).map(function (id) { return Number(id); });
-        var basicIds = allIds.filter(function (id) { return !(maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(id)); });
-        if (!isAllCheckboxSelected) {
-            allIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), true); });
-            if (onSelect) {
-                onSelect(basicIds);
-            }
-            return;
-        }
-        if (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.length) {
-            basicIds.forEach(function (id) { return checkboxMethods.setValue(id.toString(), false); });
-            if (onSelect) {
-                onSelect([]);
-            }
-            return;
-        }
-        checkboxMethods.reset();
-        if (onSelect) {
-            onSelect([]);
-        }
-    };
-    var handleSelectItem = function (id) {
-        if (!selectedIds) {
-            return;
-        }
-        switch (selectionMode) {
-            case 'single': {
-                if (onSelect) {
-                    onSelect([id]);
-                }
-                break;
-            }
-            case 'multi': {
-                if (!selectedIds.includes(id)) {
-                    checkboxMethods.setValue(id.toString(), true);
-                    if (onSelect) {
-                        onSelect(__spreadArray(__spreadArray([], selectedIds, true), [id], false));
-                    }
-                    return;
-                }
-                var filteredId = selectedIds.filter(function (prevId) { return prevId !== id; });
-                checkboxMethods.setValue(id.toString(), false);
-                if (onSelect) {
-                    onSelect(filteredId);
-                }
-            }
-        }
-    };
-    var getActionButtonCount = function () {
-        switch (quickActionBtnMode) {
-            case 'btn_amount1':
-                return 1;
-            case 'btn_amount2':
-                return 2;
-            case 'btn_amount3':
-                return 3;
-            case 'none':
-                return 0;
-        }
-    };
-    var totalItemCount = (0, react_1.useMemo)(function () {
-        if (maintainIds && selectedIds) {
-            return maintainIds.length + selectedIds.length;
-        }
-        return (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) || 0;
-    }, [selectedIds, maintainIds]);
-    var childrenWithWidthProps = react_1.default.Children.map(children, function (child) {
-        if (react_1.default.isValidElement(child)) {
-            return react_1.default.cloneElement(child, {
-                column3TextWidth: column3Width,
-                column4TextWidth: column4Width,
-                column5TextWidth: column5Width,
-                column6TextWidth: column6Width,
-                column7TextWidth: column7Width,
-                column8TextWidth: column8Width,
-                column9TextWidth: column9Width,
-                column10TextWidth: column10Width,
-                quickActionBtnType: quickActionBtnType,
-                quickActionBtnMode: quickActionBtnMode,
-                quickActionBtn1Text: quickActionBtn1Text,
-                quickActionBtn2Text: quickActionBtn2Text,
-                quickActionBtn3Text: quickActionBtn3Text,
-                onClickQuickActionBtn1: onClickQuickActionBtn1,
-                onClickQuickActionBtn2: onClickQuickActionBtn2,
-                onClickQuickActionBtn3: onClickQuickActionBtn3,
-                selectionMode: selectionMode,
-                flexibleHideInfoMode: flexibleHideInfoMode,
-                onClickItem: handleSelectItem,
-                selectedState: (maintainIds === null || maintainIds === void 0 ? void 0 : maintainIds.includes(child.props.id)) ? 'maintain' : 'basic'
-            });
-        }
-        return child;
-    });
-    return (react_1.default.createElement(S_AdminList, { "x-pds-name": "AdminList", "x-pds-element-type": "component", "x-pds-device-type": "desktop" },
-        isBulkActionBarOpen
-            ? react_1.default.isValidElement(bulkActionBar) && (react_1.default.createElement(react_1.default.Fragment, null, react_1.default.cloneElement(bulkActionBar, {
-                itemCount: totalItemCount
-            })))
-            : toolBar && react_1.default.createElement(react_1.default.Fragment, null, toolBar),
-        headerRowMode === 'use' && (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, selectAllMethods),
-            react_1.default.createElement("form", null,
-                react_1.default.createElement(HeaderRow_1.default, { headerRowCheckboxName: headerRowCheckboxName, selectionMode: selectionMode, column2HeaderText: column2HeaderText, column3HeaderText: column3HeaderText, column3HeaderWidth: column3Width, column4HeaderText: column4HeaderText, column4HeaderWidth: column4Width, column5HeaderText: column5HeaderText, column5HeaderWidth: column5Width, column6HeaderText: column6HeaderText, column6HeaderWidth: column6Width, column7HeaderText: column7HeaderText, column7HeaderWidth: column7Width, column8HeaderText: column8HeaderText, column8HeaderWidth: column8Width, column9HeaderText: column9HeaderText, column9HeaderWidth: column9Width, column10HeaderText: column10HeaderText, column10HeaderWidth: column10Width, quickActionBtnType: quickActionBtnType, quickActionButtonCount: getActionButtonCount(), flexibleHideInfoMode: flexibleHideInfoMode, onClickSelectAllCheckbox: handleSelectAllCheckbox })))),
-        react_1.default.createElement(S_ScrollBox, { scrollMode: scrollMode, scrollVisibleType: scrollVisibleType }, react_1.default.Children.count(children) ? (react_1.default.createElement(react_hook_form_1.FormProvider, __assign({}, checkboxMethods),
-            react_1.default.createElement("form", null, childrenWithWidthProps))) : (react_1.default.createElement(S_EmptyTextWrapper, null,
-            react_1.default.createElement(components_1.TextLabel, { text: emptyText, colorTheme: "sysTextTertiary", textAlign: "center", styleTheme: "body2Regular" }))))));
-}
-var scrollInvisible = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &::-webkit-scrollbar {\n    all: unset;\n    display: block;\n  }\n"], ["\n  &::-webkit-scrollbar {\n    all: unset;\n    display: block;\n  }\n"])));
-var scrollVisible = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));
-var S_AdminList = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
-var S_ScrollBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow-y: ", ";\n  flex: 1;\n\n  ", "\n"], ["\n  overflow-y: ", ";\n  flex: 1;\n\n  ", "\n"])), function (_a) {
-    var scrollMode = _a.scrollMode;
-    switch (scrollMode) {
-        case 'infinite':
-        case 'page': {
-            return 'auto';
-        }
-        case 'none': {
-            return 'none';
-        }
-    }
-}, function (_a) {
-    var scrollVisibleType = _a.scrollVisibleType;
-    switch (scrollVisibleType) {
-        case 'moving':
-        case 'visible': {
-            return scrollVisible;
-        }
-        case 'hidden': {
-            return scrollInvisible;
-        }
-    }
-});
-var S_EmptyTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding-top: 88px;\n  padding-bottom: 88px;\n"], ["\n  padding-top: 88px;\n  padding-bottom: 88px;\n"])));
-exports.default = AdminList;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import { TFunctionResult } from 'i18next';
-declare type ColumnWidthType = 'small' | 'medium' | 'large';
-declare type Props = {
-    selectionMode: 'none' | 'single' | 'multi';
-    column2HeaderText?: TFunctionResult;
-    column3HeaderText?: TFunctionResult;
-    column3HeaderWidth?: ColumnWidthType;
-    column4HeaderText?: TFunctionResult;
-    column4HeaderWidth?: ColumnWidthType;
-    column5HeaderText?: TFunctionResult;
-    column5HeaderWidth?: ColumnWidthType;
-    column6HeaderText?: TFunctionResult;
-    column6HeaderWidth?: ColumnWidthType;
-    column7HeaderText?: TFunctionResult;
-    column7HeaderWidth?: ColumnWidthType;
-    column8HeaderText?: TFunctionResult;
-    column8HeaderWidth?: ColumnWidthType;
-    column9HeaderText?: TFunctionResult;
-    column9HeaderWidth?: ColumnWidthType;
-    column10HeaderText?: TFunctionResult;
-    column10HeaderWidth?: ColumnWidthType;
-    quickActionBtnType?: 'hover' | 'fix';
-    quickActionButtonCount?: number;
-    headerRowCheckboxName?: string;
-    flexibleHideInfoMode?: 'use' | 'none';
-    onClickSelectAllCheckbox?: () => void;
-};
-declare function HeaderRow({ selectionMode, column2HeaderText, column3HeaderText, column3HeaderWidth, column4HeaderText, column4HeaderWidth, column5HeaderText, column5HeaderWidth, column6HeaderText, column6HeaderWidth, column7HeaderText, column7HeaderWidth, column8HeaderText, column8HeaderWidth, column9HeaderText, column9HeaderWidth, column10HeaderText, column10HeaderWidth, quickActionBtnType, quickActionButtonCount, headerRowCheckboxName, flexibleHideInfoMode, onClickSelectAllCheckbox }: Props): JSX.Element;
-export default HeaderRow;