@pop-ui/core 0.0.11 → 0.0.12

package/dist/components/ImageUploader/index.js

@@ -1,28 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { Dropzone, IMAGE_MIME_TYPE, } from "@mantine/dropzone";
-import styles from "./styles.module.scss";
-import ic_image_colored from "../../assets/icons/ic_image_colored.svg";
-import ic_cancel_circle from "../../assets/icons/ic_cancel_circle.svg";
-export const ImageUploader = ({ width, height, defaultMsg = "이미지 업로드", file, onDrop, showClearButton, onClear, ...props }) => {
-    const [fileData, setFileData] = useState(file);
-    const handleFileDataClear = useCallback(() => {
-        setFileData(undefined);
-        if (onClear) {
-            onClear();
-        }
-    }, [onClear]);
-    return (_jsxs("div", { className: styles.image_uploader_wrapper, children: [showClearButton && fileData ? (_jsx("div", { className: styles.file_clear_button, onClick: handleFileDataClear, children: _jsx("img", { src: ic_cancel_circle, alt: "clear_file_data" }) })) : null, _jsx(Dropzone, { ...props, maxFiles: 1, className: styles.image_uploader, accept: IMAGE_MIME_TYPE, onDrop: (e) => {
-                    setFileData(e[0]);
-                    if (onDrop) {
-                        onDrop(e);
-                    }
-                }, style: {
-                    width,
-                    height,
-                }, children: _jsx(_Fragment, { children: fileData ? (_jsx("img", { className: styles.preview, src: typeof fileData === "string"
-                            ? fileData
-                            : URL.createObjectURL(fileData), alt: `파일명: ${typeof fileData === "string" ? fileData : fileData.name}`, title: `파일명: ${typeof fileData === "string" ? fileData : fileData.name}` })) : (_jsxs("div", { children: [_jsx("img", { src: ic_image_colored, alt: "ic_image_colored" }), _jsx("span", { children: defaultMsg })] })) }) })] }));
-};
-export default ImageUploader;

package/dist/components/Modal/Modal.stories.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from ".";
-export default {
-    title: "Core/Modal",
-    component: Modal,
-};
-const Template = (args) => _jsx(Modal, { ...args });
-export const defaultModal = Template.bind({});
-defaultModal.args = {
-    children: "test",
-    opened: true,
-    centered: false,
-};

package/dist/components/Modal/index.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal as MantineModal, } from "@mantine/core";
-export const Modal = ({ size = "md", width, withCloseButton = false, ...props }) => {
-    let sizeNumber = 768;
-    if (size === "xs") {
-        sizeNumber = 360;
-    }
-    else if (size === "sm") {
-        sizeNumber = 544;
-    }
-    else if (size === "lg") {
-        sizeNumber = 1000;
-    }
-    else if (size === "xl") {
-        sizeNumber = 1200;
-    }
-    return (_jsx(MantineModal, { size: width || sizeNumber, withCloseButton: withCloseButton, ...props }));
-};
-export default Modal;

package/dist/components/Pagination/Pagination.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pagination } from ".";
-export default {
-    title: "Core/Pagination",
-    component: Pagination,
-};
-const Template = (args) => _jsx(Pagination, { ...args });
-export const defaultPagination = Template.bind({});
-defaultPagination.args = {
-    currentPageIdx: 0,
-    rowsPerPage: 10,
-    totalLength: 50,
-    paginationSize: 5,
-};

package/dist/components/Pagination/index.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import chevron_left from "../../assets/icons/ic_chevron_left.svg";
-import chevron_right from "../../assets/icons/ic_chevron_right.svg";
-import style from "./style.module.scss";
-export const Pagination = ({ currentPageIdx, rowsPerPage, totalLength, paginationSize, onPageChange, ...props }) => {
-    const [currentIdx, setCurrentIdx] = useState(currentPageIdx);
-    const [maxPageRows, setMaxPageRows] = useState(50);
-    const [totalrows, setTotalRows] = useState(1);
-    const [paginationLength, setPaginationLength] = useState(5);
-    useMemo(() => {
-        setCurrentIdx(currentPageIdx);
-        setMaxPageRows(rowsPerPage || 50);
-        setTotalRows(totalLength || 1);
-        setPaginationLength(paginationSize || 5);
-    }, [currentPageIdx, rowsPerPage, totalLength, paginationSize]);
-    const onClickPrev = () => {
-        if (onPageChange) {
-            onPageChange(currentIdx - ((currentIdx % paginationLength) + 1));
-        }
-        setCurrentIdx((prev) => prev - ((prev % paginationLength) + 1));
-    };
-    const onClickNext = () => {
-        if (onPageChange) {
-            onPageChange(currentIdx + paginationLength - (currentIdx % paginationLength));
-        }
-        setCurrentIdx((prev) => prev + paginationLength - (prev % paginationLength));
-    };
-    return (_jsxs("div", { ...props, className: style.pagination, children: [currentIdx >= paginationLength ? (_jsx("button", { className: style.arrow, onClick: onClickPrev, children: _jsx("img", { src: chevron_left, alt: "prev" }) })) : null, new Array(paginationLength).fill(0).map((_v, index) => {
-                const indexNumber = Math.floor(currentIdx / paginationLength) * paginationLength +
-                    index +
-                    1;
-                if (indexNumber > Math.ceil(totalrows / maxPageRows)) {
-                    return;
-                }
-                return (_jsx("button", { className: currentIdx === indexNumber - 1
-                        ? style.page_index_active
-                        : style.page_index, onClick: () => {
-                        setCurrentIdx(indexNumber - 1);
-                        if (onPageChange) {
-                            onPageChange(indexNumber - 1);
-                        }
-                    }, children: indexNumber }, `pagination_${index}`));
-            }), Math.floor(currentIdx / paginationLength) * paginationLength +
-                paginationLength <
-                Math.ceil(totalrows / maxPageRows) ? (_jsx("button", { className: style.arrow, onClick: onClickNext, children: _jsx("img", { src: chevron_right, alt: "next" }) })) : null] }));
-};
-export default Pagination;

package/dist/components/Radio/Radio.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Radio } from ".";
-export default {
-    title: "Core/Radio",
-    component: Radio,
-};
-const Template = (args) => _jsx(Radio, { ...args });
-export const defaultRadio = Template.bind({});
-defaultRadio.args = {
-    label: "radio label",
-    description: "description text",
-    size: "md",
-    disabled: false,
-};

package/dist/components/Radio/index.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Radio as MantineRadio, } from "@mantine/core";
-import styles from "./styles.module.scss";
-export const Radio = ({ size = "md", ...props }) => {
-    let sizeStyle = styles.md_radio;
-    if (size === "sm") {
-        sizeStyle = styles.sm_radio;
-    }
-    else if (size === "lg") {
-        sizeStyle = styles.lg_radio;
-    }
-    return _jsx(MantineRadio, { className: sizeStyle, size: size, ...props });
-};
-export default Radio;

package/dist/components/SearchBar/SearchBar.stories.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SearchBar } from ".";
-export default {
-    title: "Core/SearchBar",
-    component: SearchBar,
-};
-const Template = (args) => _jsx(SearchBar, { ...args });
-export const defaultSearchBar = Template.bind({});
-defaultSearchBar.args = {
-    label: "label text",
-    labelPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-    data: ["select 1", "select 2", "select 3"],
-};

package/dist/components/SearchBar/index.js

@@ -1,34 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Autocomplete, Input, Tooltip } from "@mantine/core";
-import ic_tooltip from "../../assets/icons/ic_tooltip.svg";
-import ic_input_clear from "../../assets/icons/ic_input_clear.svg";
-import ic_search from "../../assets/icons/ic_search.svg";
-import styles from "./styles.module.scss";
-import { useCallback, useState } from "react";
-export const SearchBar = ({ label, labelPosition = "top", size = "md", required, tooltip, tooltipPosition = "top", errorMsg, description, onChange, onClear, ...props }) => {
-    const [textCount, setTextCount] = useState(0);
-    let labelStyle = styles.md_label;
-    let searchBarStyle = styles.md_textfield;
-    let tooltipStyle = styles.md_tooltip;
-    if (size === "sm") {
-        labelStyle = styles.sm_label;
-        searchBarStyle = styles.sm_textfield;
-        tooltipStyle = styles.sm_tooltip;
-    }
-    else if (size === "lg") {
-        labelStyle = styles.lg_label;
-        searchBarStyle = styles.lg_textfield;
-        tooltipStyle = styles.lg_tooltip;
-    }
-    const onChangeHandler = useCallback((value) => {
-        if (onChange) {
-            setTextCount(value?.length);
-            onChange(value);
-        }
-    }, [onChange]);
-    return (_jsxs("div", { className: labelPosition === "top"
-            ? styles.top_label_textfield
-            : styles.left_label_textfield, children: [_jsxs("div", { children: [label && (_jsx(Input.Label, { required: required, className: labelStyle, children: label })), tooltip && (_jsx(Tooltip, { label: tooltip, position: tooltipPosition, children: _jsx("img", { className: tooltipStyle, src: ic_tooltip, alt: "tooltip_icon" }) }))] }), _jsxs("div", { children: [_jsx("div", { className: styles.textfield_wrapper, children: _jsx(Autocomplete, { ...props, size: size, error: errorMsg, className: searchBarStyle, onChange: onChangeHandler, icon: _jsx("img", { src: ic_search }), iconWidth: 48, rightSection: onClear && textCount > 0 ? (_jsx("div", { className: styles.clear_button, onClick: onClear, children: _jsx("img", { src: ic_input_clear }) })) : undefined }) }), description && (_jsx(Input.Description, { className: styles.input_description, children: description })), errorMsg && (_jsx(Input.Error, { className: styles.input_error_msg, children: errorMsg }))] })] }));
-};
-export default SearchBar;

package/dist/components/SegmentButton/SegmentButton.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SegmentButton } from ".";
-export default {
-    title: "Core/SegmentButton",
-    component: SegmentButton,
-};
-const Template = (args) => (_jsx(SegmentButton, { ...args }));
-export const defaultSegmentButton = Template.bind({});
-defaultSegmentButton.args = {
-    data: ["data1", "data2", "data3"],
-    size: "md",
-    radius: 6,
-    disabled: false,
-};

package/dist/components/SegmentButton/index.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SegmentedControl } from "@mantine/core";
-import styles from "./styles.module.scss";
-export const SegmentButton = ({ size = "md", radius = 6, ...props }) => {
-    let sizeStyle = styles.md_segment_button;
-    if (size === "sm") {
-        sizeStyle = styles.sm_segment_button;
-    }
-    else if (size === "lg") {
-        sizeStyle = styles.lg_segment_button;
-    }
-    return (_jsx(SegmentedControl, { className: sizeStyle, size: size, radius: radius, styles: {
-            control: {
-                borderWidth: "0 !important",
-            },
-        }, ...props }));
-};
-export default SegmentButton;

package/dist/components/Tab/Tab.stories.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Tab } from ".";
-export default {
-    title: "Core/Tab",
-    component: Tab,
-};
-const Template = (args) => _jsx(Tab, { ...args });
-export const defaultTab = Template.bind({});
-defaultTab.args = {
-    tabList: [
-        {
-            title: "tab title 1",
-            value: "default tab 1",
-            body: _jsx(_Fragment, { children: "default tab body 1" }),
-        },
-        {
-            title: "tab title 2",
-            value: "default tab 2",
-            body: _jsx(_Fragment, { children: "default tab body 2" }),
-        },
-        {
-            title: "tab title 3",
-            value: "default tab 3",
-            body: _jsx(_Fragment, { children: "default tab body 3" }),
-        },
-    ],
-    defaultValue: "default tab 1",
-};

package/dist/components/Tab/index.js

@@ -1,8 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs } from "@mantine/core";
-import styles from "./styles.module.scss";
-export const Tab = ({ tabList = [], containerPaddingTop, ...props }) => {
-    return (_jsxs(Tabs, { ...props, children: [_jsx(Tabs.List, { className: styles.tab_title_list, children: tabList?.map((tab, index) => (_jsxs(Tabs.Tab, { value: tab.value, icon: tab.icon, children: [tab.title, _jsx("div", { className: styles.border_bottom })] }, `tab_${index}`))) }), tabList?.map((tab, index) => (_jsx(Tabs.Panel, { value: tab.value, pt: containerPaddingTop, children: tab.body }, `tab_panel_${index}`)))] }));
-};
-export default Tab;

package/dist/components/Table/Table.stories.js

@@ -1,127 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Table } from ".";
-export default {
-    title: "Core/Table",
-    component: Table,
-};
-const Template = (args) => _jsx(Table, { ...args });
-export const defaultTable = Template.bind({});
-defaultTable.args = {
-    headerList: ["전기", "불", "물", "풀"],
-    striped: true,
-    draggable: false,
-    tableData: [
-        {
-            electric: { cell: "피츄", sortTarget: "피츄" },
-            fire: { cell: "파이리", sortTarget: "파이리" },
-            water: { cell: "꼬부기", sortTarget: "꼬부기" },
-            leaf: { cell: "이상해씨", sortTarget: "이상해씨" },
-        },
-        {
-            electric: { cell: "피카츄", sortTarget: "피카츄" },
-            fire: { cell: "리자드", sortTarget: "리자드" },
-            water: { cell: "어니부기", sortTarget: "어니부기" },
-            leaf: { cell: "이상해풀", sortTarget: "이상해풀" },
-        },
-        {
-            electric: { cell: "라이츄", sortTarget: "라이츄" },
-            fire: { cell: "리자몽", sortTarget: "리자몽" },
-            water: { cell: "거북왕", sortTarget: "거북왕" },
-            leaf: { cell: "이상해꽃", sortTarget: "이상해꽃" },
-        },
-        {
-            electric: { cell: "찌리리공", sortTarget: "찌리리공" },
-            fire: { cell: "식스테일", sortTarget: "식스테일" },
-            water: { cell: "갸라도스", sortTarget: "갸라도스" },
-            leaf: { cell: "뚜벅초", sortTarget: "뚜벅초" },
-        },
-    ],
-};
-export const sortableTable = Template.bind({});
-sortableTable.args = {
-    headerList: ["전기", "불", "물", "풀", "순번", "선택(정렬테스트용)"],
-    striped: true,
-    sortable: true,
-    tableData: [
-        {
-            electric: { cell: "피츄", sortTarget: "피츄" },
-            fire: { cell: "파이리", sortTarget: "파이리" },
-            water: { cell: "꼬부기", sortTarget: "꼬부기" },
-            leaf: { cell: "이상해씨", sortTarget: "이상해씨" },
-            num: { cell: 1, sortTarget: 1 },
-            select: {
-                cell: _jsx("input", { type: "checkbox", readOnly: true, checked: true }),
-                sortTarget: true,
-            },
-        },
-        {
-            electric: { cell: "피카츄", sortTarget: "피카츄" },
-            fire: { cell: "리자드", sortTarget: "리자드" },
-            water: { cell: "어니부기", sortTarget: "어니부기" },
-            leaf: { cell: "이상해풀", sortTarget: "이상해풀" },
-            num: { cell: 2, sortTarget: 2 },
-            select: {
-                cell: _jsx("input", { type: "checkbox", readOnly: true, checked: false }),
-                sortTarget: false,
-            },
-        },
-        {
-            electric: { cell: "라이츄", sortTarget: "라이츄" },
-            fire: { cell: "리자몽", sortTarget: "리자몽" },
-            water: { cell: "거북왕", sortTarget: "거북왕" },
-            leaf: { cell: "이상해꽃", sortTarget: "이상해꽃" },
-            num: { cell: 3, sortTarget: 3 },
-            select: {
-                cell: _jsx("input", { type: "checkbox", readOnly: true, checked: true }),
-                sortTarget: true,
-            },
-        },
-        {
-            electric: { cell: "찌리리공", sortTarget: "찌리리공" },
-            fire: { cell: "식스테일", sortTarget: "식스테일" },
-            water: { cell: "갸라도스", sortTarget: "갸라도스" },
-            leaf: { cell: "뚜벅초", sortTarget: "뚜벅초" },
-            num: { cell: 4, sortTarget: 4 },
-            select: {
-                cell: _jsx("input", { type: "checkbox", readOnly: true, checked: false }),
-                sortTarget: false,
-            },
-        },
-    ],
-};
-export const draggableTable = Template.bind({});
-draggableTable.args = {
-    headerList: ["전기", "불", "물", "풀"],
-    striped: true,
-    sortable: false,
-    draggable: true,
-    onDragEnd: (rows) => {
-        console.log(rows);
-    },
-    tableData: [
-        {
-            electric: { cell: "피츄", sortTarget: "피츄", dndId: 0 },
-            fire: { cell: "파이리", sortTarget: "파이리" },
-            water: { cell: "꼬부기", sortTarget: "꼬부기" },
-            leaf: { cell: "이상해씨", sortTarget: "이상해씨" },
-        },
-        {
-            electric: { cell: "피카츄", sortTarget: "피카츄", dndId: 1 },
-            fire: { cell: "리자드", sortTarget: "리자드" },
-            water: { cell: "어니부기", sortTarget: "어니부기" },
-            leaf: { cell: "이상해풀", sortTarget: "이상해풀" },
-        },
-        {
-            electric: { cell: "라이츄", sortTarget: "라이츄", dndId: 2 },
-            fire: { cell: "리자몽", sortTarget: "리자몽" },
-            water: { cell: "거북왕", sortTarget: "거북왕" },
-            leaf: { cell: "이상해꽃", sortTarget: "이상해꽃" },
-        },
-        {
-            electric: { cell: "찌리리공", sortTarget: "찌리리공", dndId: 3 },
-            fire: { cell: "식스테일", sortTarget: "식스테일" },
-            water: { cell: "갸라도스", sortTarget: "갸라도스" },
-            leaf: { cell: "뚜벅초", sortTarget: "뚜벅초" },
-        },
-    ],
-};

package/dist/components/Table/index.js

@@ -1,112 +0,0 @@
-'use client';
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from "./styles.module.scss";
-import { useCallback, useMemo, useState } from "react";
-import { DragDropContext, Draggable, Droppable, } from "react-beautiful-dnd";
-import ic_sortable from "../../assets/icons/ic_sortable.svg";
-import ic_chevron_up from "../../assets/icons/ic_chevron_up.svg";
-import ic_chevron_down from "../../assets/icons/ic_chevron_down.svg";
-import ic_drag from "../../assets/icons/ic_drag.svg";
-export const Table = ({ tableId, headerList, tableData, sortable, draggable = false, striped, onDragEnd, className, }) => {
-    const [rows, setRows] = useState();
-    const [sortedColIndex, setSortedColIndex] = useState();
-    const [sortedDirection, setSortedDirection] = useState();
-    const rowMaker = useCallback((sortedData) => {
-        const tableRows = sortedData?.map((data, index) => {
-            const dataKeys = Object.keys(data);
-            const row = (_jsx(_Fragment, { children: dataKeys.map((key, keyIndex) => (_jsx("td", { className: styles.td_cell, children: data[key].cell }, `table_${tableId || 0}_tr_${index}_col_${keyIndex}`))) }));
-            if (draggable && data[dataKeys[0]]?.dndId === undefined) {
-                console.error("draggable table을 사용할 때엔 tableData의 첫번째 필드에 고유한 dndId를 설정해주세요");
-            }
-            return {
-                row: row,
-                dndId: data[dataKeys[0]]?.dndId,
-                trClassName: data[dataKeys[0]]?.trClassName,
-            };
-        });
-        setRows(tableRows);
-    }, [draggable, tableId]);
-    useMemo(() => {
-        // 테이블 데이터 변경시, sort option 삭제
-        setSortedColIndex(undefined);
-        setSortedDirection(undefined);
-        rowMaker(tableData);
-    }, [rowMaker, tableData]);
-    const sortingHandler = useCallback((colIndex) => {
-        if (tableData) {
-            const copyArr = tableData.slice(0);
-            // 정렬 기준 키
-            const sortBy = Object.keys(copyArr[0])[colIndex];
-            setSortedColIndex(colIndex);
-            let newSortedData;
-            /*
-              정렬 순서
-                1. 내림차순
-                2. 오름차순
-                3. 초기화
-              1, 2, 3을 반복
-            */
-            if (!sortedDirection) {
-                newSortedData = copyArr?.sort((a, b) => String(b[sortBy].sortTarget || b[sortBy].cell).localeCompare(String(a[sortBy].sortTarget || a[sortBy].cell)));
-                setSortedDirection("desc");
-            }
-            else if (sortedDirection === "desc") {
-                newSortedData = copyArr?.sort((a, b) => String(a[sortBy].sortTarget || a[sortBy].cell).localeCompare(String(b[sortBy].sortTarget || b[sortBy].cell)));
-                setSortedDirection("asc");
-            }
-            else {
-                newSortedData = copyArr;
-                setSortedColIndex(undefined);
-                setSortedDirection(undefined);
-            }
-            rowMaker(newSortedData);
-        }
-    }, [rowMaker, sortedDirection, tableData]);
-    const sortableArrow = useCallback((index) => {
-        if (!sortable) {
-            return null;
-        }
-        if (sortedColIndex === index) {
-            if (sortedDirection === "desc") {
-                return _jsx("img", { src: ic_chevron_down, alt: "ic_chevron_down" });
-            }
-            return _jsx("img", { src: ic_chevron_up, alt: "ic_chevron_up" });
-        }
-        else {
-            return _jsx("img", { src: ic_sortable, alt: "ic_sortable" });
-        }
-    }, [sortable, sortedColIndex, sortedDirection]);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const reorder = useCallback((list, item, insertIdx) => {
-        const result = Array.from(list);
-        result.splice(insertIdx, 0, item);
-        return result;
-    }, []);
-    const onDragEndHandler = useCallback((result) => {
-        //  영역 밖에 drop한 경우
-        if (!result.destination) {
-            return;
-        }
-        // rows가 존재하지 않는 경우
-        if (!rows) {
-            return;
-        }
-        // reorder 처리를 위한 temp value 선언
-        const duplRows = rows?.slice(0);
-        const [newItem] = duplRows.splice(result.source.index, 1);
-        const items = reorder(duplRows, newItem, result.destination.index);
-        setRows(items);
-        if (onDragEnd) {
-            onDragEnd(items.map((el) => ({ dndId: el?.dndId })));
-        }
-    }, [onDragEnd, reorder, rows]);
-    return (_jsxs("table", { className: `${styles.table} ${className || ""}`, children: [_jsx("thead", { children: _jsxs("tr", { children: [draggable && (_jsx("th", { className: styles.th_cell, style: { padding: 0 } })), headerList?.map((header, index) => (_jsx("th", { className: sortable ? styles.th_cell_sortable : styles.th_cell, onClick: () => {
-                                if (sortable) {
-                                    sortingHandler(index);
-                                }
-                            }, children: _jsxs("div", { children: [header, sortableArrow(index)] }) }, `table_header_col_${index}`)))] }) }), _jsx(DragDropContext, { onDragEnd: onDragEndHandler, children: _jsx(Droppable, { droppableId: `dnd_table_${tableId || 0}_drop_zone`, children: (dropProvided) => (_jsxs("tbody", { ref: dropProvided.innerRef, ...dropProvided.droppableProps, children: [rows?.map((rowData, index) => (_jsx(Draggable, { draggableId: `dnd_table_${tableId || 0}_drag_item_${rowData?.dndId}`, index: index, isDragDisabled: !draggable, children: (dragProvided) => (_createElement("tr", { ...dragProvided.dragHandleProps, ...dragProvided.draggableProps, ref: dragProvided.innerRef, key: `table_${tableId || 0}_tr_${index}`, className: `${striped && index % 2 === 1 ? styles.tr_gray : ""} ${rowData.trClassName}` },
-                                    draggable && (_jsx("td", { className: styles.td_cell, style: { padding: 0 }, children: _jsx("div", { children: _jsx("img", { src: ic_drag, alt: "ic_drag" }) }) })),
-                                    rowData?.row)) }, `dnd_table_${tableId || 0}_drag_item_${rowData?.dndId !== undefined ? rowData.dndId : index}`))), dropProvided.placeholder] })) }) })] }));
-};
-export default Table;

package/dist/components/TextField/TextField.stories.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from ".";
-export default {
-    title: "Core/TextField",
-    component: TextField,
-};
-const Template = (args) => _jsx(TextField, { ...args });
-export const LabelTextField = Template.bind({});
-LabelTextField.args = {
-    label: "label text",
-    labelPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-};
-export const ToolTipTextField = Template.bind({});
-ToolTipTextField.args = {
-    label: "label text",
-    labelPosition: "top",
-    tooltip: "tootip text",
-    tooltipPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-};
-export const Textarea = Template.bind({});
-Textarea.args = {
-    label: "label text",
-    labelPosition: "top",
-    size: "md",
-    required: false,
-    disabled: false,
-    textarea: true,
-    minRows: 4,
-    maxTextCount: 100,
-};

package/dist/components/TextField/index.js

@@ -1,44 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Textarea, Tooltip } from "@mantine/core";
-import ic_tooltip from "../../assets/icons/ic_tooltip.svg";
-import ic_input_clear from "../../assets/icons/ic_input_clear.svg";
-import styles from "./styles.module.scss";
-import { useCallback, useState } from "react";
-export const TextField = ({ label, labelPosition = "top", size = "md", required, tooltip, tooltipPosition = "top", errorMsg, description, textarea = false, minRows, maxTextCount, onChange, onClear, ...props }) => {
-    const [textCount, setTextCount] = useState(0);
-    let labelStyle = styles.md_label;
-    let textfieldStyle = styles.md_textfield;
-    let tooltipStyle = styles.md_tooltip;
-    if (size === "sm") {
-        labelStyle = styles.sm_label;
-        textfieldStyle = styles.sm_textfield;
-        tooltipStyle = styles.sm_tooltip;
-    }
-    else if (size === "lg") {
-        labelStyle = styles.lg_label;
-        textfieldStyle = styles.lg_textfield;
-        tooltipStyle = styles.lg_tooltip;
-    }
-    const onChangeHandler = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (event) => {
-        if (maxTextCount) {
-            if (event.currentTarget?.value?.length > maxTextCount) {
-                return;
-            }
-            setTextCount(event.currentTarget?.value?.length);
-            if (onChange) {
-                onChange(event);
-            }
-        }
-        if (onChange) {
-            setTextCount(event.currentTarget?.value?.length);
-            onChange(event);
-        }
-    }, [maxTextCount, onChange]);
-    return (_jsxs("div", { className: labelPosition === "top"
-            ? styles.top_label_textfield
-            : styles.left_label_textfield, children: [_jsxs("div", { children: [label && (_jsx(Input.Label, { required: required, className: labelStyle, children: label })), tooltip && (_jsx(Tooltip, { label: tooltip, position: tooltipPosition, children: _jsx("img", { className: tooltipStyle, src: ic_tooltip, alt: "tooltip_icon" }) }))] }), _jsxs("div", { children: [_jsxs("div", { className: styles.textfield_wrapper, children: [textarea ? (_jsx(Textarea, { className: styles.textarea, size: size, minRows: minRows, error: errorMsg, onChange: onChangeHandler, disabled: props?.disabled, ...props })) : (_jsx(Input, { className: textfieldStyle, error: errorMsg, onChange: onChangeHandler, rightSection: onClear && textCount > 0 ? (_jsx("div", { className: styles.clear_button, onClick: onClear, children: _jsx("img", { src: ic_input_clear }) })) : undefined, ...props })), maxTextCount && maxTextCount > 0 && (_jsx("span", { className: styles.text_counter, children: `${textCount}/${maxTextCount}` }))] }), description && (_jsx(Input.Description, { className: styles.input_description, children: description })), errorMsg && (_jsx(Input.Error, { className: styles.input_error_msg, children: errorMsg }))] })] }));
-};
-export default TextField;

package/dist/components/TimePicker/TimePicker.stories.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TimePicker } from ".";
-export default {
-    title: "Core/TimePicker",
-    component: TimePicker,
-};
-const Template = (args) => _jsx(TimePicker, { ...args });
-export const defaultTimePicker = Template.bind({});
-defaultTimePicker.args = {
-    size: "md",
-    disabled: false,
-    defaultValue: `${new Date().getHours()}:${new Date().getMinutes()}`,
-};

package/dist/components/TimePicker/index.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { ActionIcon } from "@mantine/core";
-import { TimeInput } from "@mantine/dates";
-import ic_clock from "../../assets/icons/ic_clock.svg";
-import styles from "./styles.module.scss";
-export const TimePicker = ({ size = "md", ...props }) => {
-    const timeInputRef = useRef(null);
-    let sizeStyle = styles.md_textfield;
-    let iconSize = 18;
-    if (size === "sm") {
-        sizeStyle = styles.sm_textfield;
-        iconSize = 14;
-    }
-    else if (size === "lg") {
-        sizeStyle = styles.lg_textfield;
-        iconSize = 24;
-    }
-    return (_jsx(TimeInput, { ref: timeInputRef, className: sizeStyle, size: size, ...props, rightSection: _jsx(ActionIcon, { onClick: () => {
-                if (timeInputRef) {
-                    timeInputRef?.current?.showPicker();
-                }
-            }, children: _jsx("img", { width: iconSize, src: ic_clock, alt: "clock_icon" }) }) }));
-};
-export default TimePicker;