pds-dev-kit-web-test 0.1.5 → 0.1.7

package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.js

@@ -1,247 +0,0 @@
-"use strict";
-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 });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var withFormProvider_1 = require("../../../common/decorators/withFormProvider");
-var AdminListItem_1 = __importDefault(require("./AdminListItem"));
-exports.default = {
-    title: 'desktop/components/AdminListItem',
-    component: AdminListItem_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 AdminListItem 패턴'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        rowSize: {
-            description: '행의 사이즈를 결정합니다.'
-        },
-        selectionMode: {
-            description: '요소 좌측의 선택 영역을 결정합니다. AdminList의 selectionMode를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column2Type: {
-            description: 'column2의 게시글 표시방법을 결정합니다.'
-        },
-        imageSrc: {
-            description: '게시글에 사용된 이미지 또는 썸네일을 표시합니다.'
-        },
-        imageShapeType: {
-            description: '이미지의 형태를 결정합니다.'
-        },
-        imageScaleType: {
-            description: '이미지를 채우는 방법을 결정합니다.'
-        },
-        imageRadius: {
-            description: 'imageShapeType이 round 경우 이미지의 둥글기를 결정합니다.',
-            options: [8, 16, 24]
-        },
-        imageRatio: {
-            description: '이미지의 비율을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        column2Text: {
-            description: '게시글의 제목 또는 주요 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column3Text: {
-            description: 'column3의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column3TextWidth: {
-            description: 'column3의 width를 결정합니다. AdminList의 column3Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column3TextStyleTheme: {
-            description: 'column3의 텍스트 스타일을 결정합니다.'
-        },
-        column4Text: {
-            description: 'column4의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column4TextWidth: {
-            description: 'column4의 width를 결정합니다. AdminList의 column4Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column4TextStyleTheme: {
-            description: 'column4의 텍스트 스타일을 결정합니다.'
-        },
-        column5Text: {
-            description: 'column5의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column5TextWidth: {
-            description: 'column5의 width를 결정합니다. AdminList의 column5Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column5TextStyleTheme: {
-            description: 'column5의 텍스트 스타일을 결정합니다.'
-        },
-        column6Text: {
-            description: 'column6의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column6TextWidth: {
-            description: 'column6의 width를 결정합니다. AdminList의 column6Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column6TextStyleTheme: {
-            description: 'column6의 텍스트 스타일을 결정합니다.'
-        },
-        column7Text: {
-            description: 'column7의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column7TextWidth: {
-            description: 'column7의 width를 결정합니다. AdminList의 column7Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column7TextStyleTheme: {
-            description: 'column7의 텍스트 스타일을 결정합니다.'
-        },
-        column8Text: {
-            description: 'column8의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column8TextWidth: {
-            description: 'column8의 width를 결정합니다. AdminList의 column8Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column8TextStyleTheme: {
-            description: 'column8의 텍스트 스타일을 결정합니다.'
-        },
-        column9Text: {
-            description: 'column9의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column9TextWidth: {
-            description: 'column9의 width를 결정합니다. AdminList의 column9Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column9TextStyleTheme: {
-            description: 'column9의 텍스트 스타일을 결정합니다.'
-        },
-        column10Text: {
-            description: 'column10의 내용을 표시합니다.',
-            control: { type: 'text' }
-        },
-        column10TextWidth: {
-            description: 'column10의 width를 결정합니다. AdminList의 column10Width를 대신 사용합니다.',
-            control: { type: 'none' }
-        },
-        column10TextStyleTheme: {
-            description: 'column10의 텍스트 스타일을 결정합니다.'
-        },
-        quickActionBtnMode: {
-            description: '퀵액션 버튼 사용 개수를 결정합니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtn1Text: {
-            description: '우측에서 1번째 퀵 액션 버튼의 텍스트입니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtn2Text: {
-            description: '우측에서 2번째 퀵 액션 버튼의 텍스트입니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtn3Text: {
-            description: '우측에서 3번째 퀵 액션 버튼의 텍스트입니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtnType: {
-            description: '퀵 액션 버튼의 타입을 결정합니다. 해당 prop에 따라 HeaderRow와 AdminListItem의 column 간격이 조정됩니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtn1State: {
-            description: '퀵액션 우측에서 1번 버튼의 활성화 상태를 나타냅니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtn2State: {
-            description: '퀵액션 우측에서 2번 버튼의 활성화 상태를 나타냅니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        quickActionBtn3State: {
-            description: '퀵액션 우측에서 3번 버튼의 활성화 상태를 나타냅니다. AdminList에서 설정해줍니다.',
-            control: { type: 'none' }
-        },
-        selectedState: {
-            description: '선택 상태를 유지할 것인지에 대한 결정을 합니다. maintain일 경우 AdminList의 maintainIds 프롭을 사용합니다.',
-            control: { type: 'none' }
-        },
-        id: {
-            description: '체크박스 선택시 요소 구분을 위한 값입니다. 숫자 타입만 허용합니다.'
-        },
-        flexibleHideInfoMode: {
-            description: '일정 너비 이하가 되면 특정 정보들이 숨겨지도록 처리할지에 대한 여부를 결정합니다. (1400px기준으로, 전체 화면 사이즈가 해당 너비 이하가 되면 column3부터 column10까지가 숨겨집니다.) (AdminList의 flexibleHideInfoMode를 대신 사용합니다.)',
-            control: { type: 'inline-radio' }
-        },
-        onClickQuickActionBtn1: {
-            action: 'onClickQuickActionBtn1'
-        },
-        onClickQuickActionBtn2: {
-            action: 'onClickQuickActionBtn2'
-        },
-        onClickQuickActionBtn3: {
-            action: 'onClickQuickActionBtn3'
-        },
-        onClickItem: {
-            action: 'onClickItem'
-        }
-    },
-    decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
-};
-var Template = function (args) {
-    return (0, jsx_runtime_1.jsx)(AdminListItem_1.default, __assign({}, args), void 0);
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    rowSize: 'medium',
-    selectionMode: 'multi',
-    column2Type: 'image_text',
-    column2Text: '거선의 지혜는 맺어, 무엇을 전인 때문이다. 인도하겠다는 구하기 안고, 같은 동산에는 수 거선의 힘있다. 들어 할지니, 인생에 피가 넣는 얼마나 과실이 이것이다. 이것은 대중을 인생을 가는 생생하며, 그들은 수 열락의 있다. 있는 더운지라 싶이 싸인 하는 내려온 그들은 끓는다. 실현에 어디 내는 말이다. 내려온 인간의 앞이 산야에 우리 듣는다. 우리 그들의 오직 설레는 무엇을 뜨거운지라, 교향악이다. 바이며, 자신과 가는 얼음에 커다란 이것이다. 우리 청춘을 현저하게 피어나는 하는 운다. 인생에 가진 듣기만 사막이다. \n청춘의 천자만홍이 피어나기 끓는 위하여서. 맺어, 충분히 어디 모래뿐일 인생의 봄바람이다. 용기가 따뜻한 뭇 너의 오직 쓸쓸하랴? 위하여 길지 인간이 이 가슴이 행복스럽고 철환하였는가? 이것을 가진 일월과 듣기만 얼음에 긴지라 있음으로써 이것이다. 품에 피고 만천하의 이것은 것은 그들은 얼음과 대한 교향악이다. 온갖 우리 발휘하기 이 하여도 피다. 군영과 인간에 인도하겠다는 그러므로 약동하다. 길지 않는 풀이 칼이다. 사랑의 너의 이상이 곧 이상 있으랴?\n있는 따뜻한 보이는 얼음과 힘있다. 기쁘며, 평화스러운 소담스러운 든 이상이 꽃 이상 보이는 아니다. 인간은 얼음과 사는가 크고 보배를 놀이 그것을 풀이 아름다우냐? 커다란 오직 하였으며, 못할 황금시대다. 사라지지 충분히 하였으며, 싶이 않는 끓는 웅대한 군영과 사막이다. 봄날의 인간은 역사를 위하여 싶이 영락과 할지라도 인생을 청춘의 철환하였는가? 못하다 넣는 사랑의 이것이야말로 눈에 내려온 인류의 아름다우냐? 뜨거운지라, 따뜻한 든 그들의 속잎나고, 것이다. 이상을 생명을 그들은 바이며, 것이다. 인생에 곧 위하여 가치를 원질이 하여도 따뜻한 인간은 고행을 뿐이다.',
-    imageSrc: 'https://placekitten.com/300/300',
-    imageShapeType: 'rectangle',
-    imageRadius: 8,
-    imageRatio: '16_9',
-    column3TextWidth: 'small',
-    column3TextStyleTheme: 'normal',
-    column4TextWidth: 'small',
-    column4TextStyleTheme: 'normal',
-    column5TextWidth: 'small',
-    column5TextStyleTheme: 'normal',
-    column6TextWidth: 'small',
-    column6TextStyleTheme: 'normal',
-    column7TextWidth: 'small',
-    column7TextStyleTheme: 'normal',
-    column8TextWidth: 'small',
-    column8TextStyleTheme: 'normal',
-    column9TextWidth: 'small',
-    column9TextStyleTheme: 'normal',
-    column10TextWidth: 'small',
-    column10TextStyleTheme: 'normal',
-    quickActionBtnMode: 'btn_amount2',
-    quickActionBtn1Text: 'btn1',
-    quickActionBtn2Text: 'btn2',
-    quickActionBtnType: 'fix',
-    quickActionBtn1State: 'normal',
-    quickActionBtn2State: 'normal',
-    quickActionBtn3State: 'normal',
-    id: 1
-};

package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.d.ts

@@ -1,5 +0,0 @@
-import BasicChatListItem from './BasicChatListItem';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof BasicChatListItem>;
-export default _default;
-export declare const Default: ComponentStory<typeof BasicChatListItem>;

package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.js

@@ -1,87 +0,0 @@
-"use strict";
-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 });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var BasicChatListItem_1 = __importDefault(require("./BasicChatListItem"));
-exports.default = {
-    title: 'desktop/components/BasicChatListItem',
-    component: BasicChatListItem_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 BasicChatListItem 컴포넌트.'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        titleText: {
-            description: '주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.',
-            control: { type: 'text' }
-        },
-        contentText: {
-            description: '상세 설명 텍스트입니다. 주로 Chat 메세지의 내용을 표시하는 용도로 사용됩니다.',
-            control: { type: 'text' }
-        },
-        leftImageMode: {
-            description: '좌측의 이미지 사용 여부를 결정합니다.'
-        },
-        imageSrc: {
-            description: '이미지 사용 시 주소 값입니다.',
-            control: { type: 'text' }
-        },
-        hoverMode: {
-            description: '호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다.'
-        },
-        contextMenuOptionArray: {
-            description: 'iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.',
-            control: { type: 'none' }
-        },
-        contextMenuState: {
-            description: 'ContextMenu의 상태를 결정합니다.'
-        },
-        colorTheme: {
-            description: 'BasicChatListItem의 컬러를 결정합니다.'
-        },
-        onClickContextMenuItem: {
-            action: 'onClickContextMenuItem'
-        }
-    }
-};
-var DefaultBasicChatListItem = function (args) {
-    return (0, jsx_runtime_1.jsx)(BasicChatListItem_1.default, __assign({}, args), void 0);
-};
-exports.Default = DefaultBasicChatListItem.bind({});
-exports.Default.args = {
-    titleText: '일이삼사오육칠팔구십일이 #1FS9O',
-    contentText: 'long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText',
-    leftImageMode: 'none',
-    hoverMode: 'use',
-    contextMenuState: 'normal',
-    imageSrc: 'https://placekitten.com/300/300',
-    colorTheme: 'subscriber',
-    contextMenuOptionArray: [
-        {
-            text: 'contextMenuItem1',
-            value: 1
-        },
-        {
-            text: 'contextMenuItem2',
-            value: 2
-        }
-    ]
-};

package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.d.ts

@@ -1,8 +0,0 @@
-import BasicFormGroup from './BasicFormGroup';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof BasicFormGroup>;
-export default _default;
-export declare const TextFieldType: ComponentStory<typeof BasicFormGroup>;
-export declare const SelectType: ComponentStory<typeof BasicFormGroup>;
-export declare const SwitchType: ComponentStory<typeof BasicFormGroup>;
-export declare const MixType: ComponentStory<typeof BasicFormGroup>;

package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.js

@@ -1,107 +0,0 @@
-"use strict";
-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 });
-exports.MixType = exports.SwitchType = exports.SelectType = exports.TextFieldType = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var common_1 = require("../../../common");
-var hybrid_1 = require("../../../hybrid");
-var Select_1 = require("../Select");
-var TextField_1 = require("../TextField");
-var BasicFormGroup_1 = __importDefault(require("./BasicFormGroup"));
-exports.default = {
-    title: 'desktop/components/BasicFormGroup',
-    component: BasicFormGroup_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화된 BasicFormGroup 컴포넌트'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        titleStyleTheme: {
-            description: '타이틀 텍스트의 스타일을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        titleText: {
-            description: '표시할 타이틀 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        descText: {
-            description: '상세 내용을 보여주는 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        captionText: {
-            description: '부가 설명을 보여주는 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        inputForm: {
-            description: '사용하고자하는 form 컴포넌트를 가져와 사용합니다. form간의 간격은 spacingD(16px)를 사용합니다.'
-        }
-    }
-};
-var Template = function (args) {
-    var methods = (0, react_hook_form_1.useForm)();
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(common_1.Form, { children: (0, jsx_runtime_1.jsx)(BasicFormGroup_1.default, __assign({}, args), void 0) }, void 0) }), void 0));
-};
-var selectValueArray = [
-    {
-        text: 'option1',
-        value: 1
-    },
-    {
-        text: 'option2',
-        value: 2
-    },
-    {
-        text: 'option3',
-        value: 3
-    }
-];
-exports.TextFieldType = Template.bind({});
-exports.TextFieldType.args = {
-    titleStyleTheme: 'subTitleBold',
-    titleText: 'TitleText',
-    descText: 'descText',
-    captionText: 'captionText',
-    inputForm: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name" }, void 0)
-};
-exports.SelectType = Template.bind({});
-exports.SelectType.args = {
-    titleStyleTheme: 'subTitleBold',
-    titleText: 'TitleText',
-    descText: 'descText',
-    captionText: 'captionText',
-    inputForm: (0, jsx_runtime_1.jsx)(Select_1.Select, { valueArray: selectValueArray }, void 0)
-};
-exports.SwitchType = Template.bind({});
-exports.SwitchType.args = {
-    titleStyleTheme: 'subTitleBold',
-    titleText: 'TitleText',
-    descText: 'descText',
-    captionText: 'captionText',
-    inputForm: (0, jsx_runtime_1.jsx)(hybrid_1.Switch, { name: "name" }, void 0)
-};
-exports.MixType = Template.bind({});
-exports.MixType.args = {
-    titleStyleTheme: 'subTitleBold',
-    titleText: 'TitleText',
-    descText: 'descText',
-    captionText: 'captionText',
-    inputForm: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name1" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name2" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(Select_1.Select, { valueArray: selectValueArray }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Switch, { name: "name" }, void 0)] }, void 0))
-};

package/dist/src/desktop/components/BasicList/BasicList.stories.d.ts

@@ -1,5 +0,0 @@
-import BasicList from './BasicList';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof BasicList>;
-export default _default;
-export declare const DefaultBasicList: ComponentStory<typeof BasicList>;

package/dist/src/desktop/components/BasicList/BasicList.stories.js

@@ -1,79 +0,0 @@
-"use strict";
-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 });
-exports.DefaultBasicList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var withFormProvider_1 = require("../../../common/decorators/withFormProvider");
-var BasicListItem_1 = __importDefault(require("../BasicListItem/BasicListItem"));
-var BasicList_1 = __importDefault(require("./BasicList"));
-exports.default = {
-    title: 'desktop/components/BasicList',
-    component: BasicList_1.default,
-    subcomponents: { BasicListItem: BasicListItem_1.default },
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 BasicList 컴포넌트'
-            },
-            source: { type: 'code' }
-        }
-    },
-    argTypes: {
-        titleStyleTheme: {
-            description: '타이틀의 텍스트 스타일을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        titleText: {
-            description: '리스트의 제목을 입력합니다.',
-            control: { type: 'text' }
-        },
-        captionText: {
-            description: '리스트의 세부 설명, 옵션용 텍스트를 입력합니다.',
-            control: { type: 'text' }
-        },
-        columns: {
-            description: '표시할 열의 수를 결정합니다. 1 미만으로 입력할 수 없습니다.',
-            control: { type: 'range', min: 1, max: 6, step: 1 }
-        },
-        columnSpacing: {
-            description: 'columns가 2이상일 경우 적용되며, 열의 간격을 결정합니다.',
-            control: { type: 'inline-radio' },
-            options: [0, 16, 24]
-        },
-        rowSpacing: {
-            description: '행의 간격을 결정합니다.',
-            control: { type: 'inline-radio' },
-            options: [0, 24, 48, 32, 64]
-        },
-        spacingMode: {
-            description: '좌우 여백 사용 여부를 결정합니다.'
-        }
-    },
-    decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
-};
-var Template = function (args) {
-    var imageSrc = 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80';
-    return ((0, jsx_runtime_1.jsxs)(BasicList_1.default, __assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 1", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 2", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 3", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "cancel", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 4", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 5", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "inactive", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 6", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 7", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 8", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "cancel", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 9", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 10", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "inactive", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 11", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 12", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "inactive", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0)] }), void 0));
-};
-exports.DefaultBasicList = Template.bind({});
-exports.DefaultBasicList.args = {
-    titleStyleTheme: 'headingBold',
-    titleText: 'titleText',
-    captionText: 'captionText',
-    columns: 1,
-    columnSpacing: 16,
-    rowSpacing: 0
-};

package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.d.ts

@@ -1,10 +0,0 @@
-import BasicListItem from './BasicListItem';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof BasicListItem>;
-export default _default;
-export declare const Default: ComponentStory<typeof BasicListItem>;
-export declare const Image: ComponentStory<typeof BasicListItem>;
-export declare const Icon: ComponentStory<typeof BasicListItem>;
-export declare const Badge: ComponentStory<typeof BasicListItem>;
-export declare const Checkbox: ComponentStory<typeof BasicListItem>;
-export declare const Radio: ComponentStory<typeof BasicListItem>;