pds-dev-kit-web-test 2.5.262 → 2.5.264

package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.js → FlexGridCustomSection.js}

@@ -42,89 +42,45 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-unused-vars */
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("../../../DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("../../../DynamicLayout/dynamicLayoutContext");
+var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
-var components_1 = require("../../components");
-var CustomSection_1 = require("./CustomSection");
-var FlexGridItem_1 = __importDefault(require("./FlexGridItem"));
-var useGroupDrag_1 = require("./hooks/useGroupDrag");
-var useGroupDrag_2 = require("./hooks/useGroupDrag/useGroupDrag");
-var utils_1 = require("./hooks/useGroupDrag/utils");
-var useResizableObserver_1 = require("./hooks/useResizableObserver");
-var util_1 = require("./util");
-var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
+var components_1 = require("../components");
+var gleStyles_1 = require("../gleStyles");
+var FlexGridItem_1 = __importDefault(require("./CustomSection/FlexGridItem"));
+var useResizableObserver_1 = require("./CustomSection/hooks/useResizableObserver");
+var util_1 = require("./CustomSection/util");
+var parseSectionPadding_1 = __importDefault(require("./CustomSection/util/layoutPropParsers/parseSectionPadding"));
 var GRID_CELL_MIN = 24;
 var DESKTOP_GRID_COLS = 24;
 var MOBILE_GRID_COLS = 8;
 var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
 var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
-var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
+var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
     var _a;
     var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
     var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
-    var _c = jsonProperties.data, CB_PLACEMENT_PROP_SECTION = _c.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _c.CB_LAYOUT_PROP_PADDING;
+    var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
     var containerRef = (0, react_1.useRef)(null);
     var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
-    var _d = (0, react_1.useState)(null), selectedCB = _d[0], setSelectedCB = _d[1];
+    var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
     var gleRef = (0, react_1.useRef)(null);
     var isMobile = device === 'MOBILE';
     var isEditMode = mode === 'EDIT';
-    var layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
-    var _e = (0, react_1.useState)(function () {
-        var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : []), lg = _a.lg, sm = _a.sm;
-        return {
-            lg: lg,
-            sm: sm
-        };
-    }), layouts = _e[0], setLayouts = _e[1];
-    var _f = (0, useGroupDrag_1.useGroupDrag)({
-        setLayouts: setLayouts,
-        device: device,
-        sectionActionHandler: sectionActionHandler
-    }), breakGroupCB = _f.breakGroupCB, makeAllInOneGroup = _f.makeAllInOneGroup, makeCollisionGroup = _f.makeCollisionGroup;
-    (0, react_1.useImperativeHandle)(ref, function () {
-        return {
-            selectCB: function (cbId) {
-                setSelectedCB(cbId);
-            },
-            selectCBInBulk: function (cbIds) {
-                var parsedLayouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : []);
-                setLayouts(function (prev) {
-                    var _a;
-                    var filteredLayout = (0, useGroupDrag_2.filterItemsById)(parsedLayouts[layoutByDevice], cbIds);
-                    var newGroupLayout = (0, utils_1.getGroupForMultiple)(parsedLayouts[layoutByDevice].filter(function (each) { return cbIds.includes(each.i); }));
-                    filteredLayout.push(newGroupLayout);
-                    return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = filteredLayout, _a));
-                });
-            }
-        };
-    }, [componentBlocks]);
-    (0, react_1.useLayoutEffect)(function () {
-        var parsedLayouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : []);
-        setLayouts(function (prev) {
-            var _a;
-            var _b;
-            var group = (0, useGroupDrag_2.getGroupCB)(prev[layoutByDevice]);
-            var groupedCBIds = (_b = group === null || group === void 0 ? void 0 : group.childrenIds) !== null && _b !== void 0 ? _b : [];
-            var filteredLayout = (0, useGroupDrag_2.filterItemsById)(parsedLayouts[layoutByDevice], groupedCBIds);
-            if (group === null || group === void 0 ? void 0 : group.groupLayouts) {
-                var groupCbs = parsedLayouts[layoutByDevice].filter(function (each) {
-                    return groupedCBIds.includes(each.i);
-                });
-                if (groupCbs.length > 0) {
-                    var newGroupLayout = (0, utils_1.getGroupForMultiple)(groupCbs);
-                    filteredLayout.push(newGroupLayout);
-                }
-            }
-            return __assign(__assign({}, prev), (_a = {}, _a[layoutByDevice] = filteredLayout, _a));
-        });
-    }, [componentBlocks, useGroupDrag_2.getGroupCB, layoutByDevice]);
+    // const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
+    // const [layouts] = useState<LayoutsType>(() => {
+    //   const { lg, sm } = parsePlacement(componentBlocks ?? []);
+    //   return {
+    //     lg,
+    //     sm
+    //   };
+    // });
     (0, react_1.useEffect)(function () {
         if (editingSectionId !== props.id) {
             setSelectedCB(null);
-            breakGroupCB();
+            // breakGroupCB();
         }
     }, [editingSectionId]);
     // NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
@@ -140,38 +96,38 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                 setSelectedCB(componentBlocks[0].id);
                 return;
             }
-            makeAllInOneGroup();
+            // makeAllInOneGroup();
             return;
         }
         if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
-            breakGroupCB();
+            // breakGroupCB();
             setSelectedCB(null);
             return;
         }
-    }, [shortcutKeyMode, setSelectedCB, breakGroupCB]);
+    }, [shortcutKeyMode, setSelectedCB]);
     (0, react_1.useLayoutEffect)(function () {
         if (props.id !== editingSectionId) {
             return;
         }
         if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
-            if (!selectedCB || selectedCB === 'group') {
+            if (!selectedCB || selectedCB === 'BULK') {
                 return;
             }
-            makeCollisionGroup(selectedCB);
-            sectionActionHandler &&
-                sectionActionHandler({
-                    type: '@CUSTOMSECTION/CB_CLICKED',
-                    payload: {
-                        id: 'group'
-                    }
-                });
-            setSelectedCB('group');
-        }
-    }, [selectedCB, shortcutKeyMode, makeCollisionGroup, sectionActionHandler, setSelectedCB]);
-    var _g = (0, util_1.parseCustomSectionPlacement)({
+            // makeCollisionGroup(selectedCB);
+            // sectionActionHandler &&
+            //   sectionActionHandler({
+            //     type: '@CUSTOMSECTION/BLOCK_CLICKED',
+            //     payload: {
+            //      block:
+            //     }
+            //   });
+            setSelectedCB('BULK');
+        }
+    }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
+    var _f = (0, util_1.parseCustomSectionPlacement)({
         isMobile: isMobile,
         customSectionProps: CB_PLACEMENT_PROP_SECTION
-    }), width = _g.width, minHeight = _g.minHeight, isFullWidth = _g.isFullWidth;
+    }), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
         width: '100%',
@@ -181,9 +137,6 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         if (!isEditMode) {
             return;
         }
-        if ((0, useGroupDrag_2.getGroupCB)(layouts[layoutByDevice])) {
-            breakGroupCB();
-        }
         setSelectedCB(null);
         sectionActionHandler &&
             sectionActionHandler({
@@ -231,7 +184,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
         }
         return 16;
     })();
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(CustomSection_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
                         minHeight: customSectionStyles.minHeight,
                         paddingTop: padding.top,
                         paddingBottom: padding.bottom,
@@ -242,11 +195,14 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                             maxWidth: customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                             fontSize: "".concat(baseFontSize, "px")
-                        } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight }) }, cb.id)); }) })) })) })) }) }));
+                        } }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
+                        }) })) })) })) }) }));
 });
 var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
 var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.default = react_1.default.memo(CustomSection);
+exports.default = react_1.default.memo(FlexGridCustomSection);
 function getDefensiveFontSize(device, width) {
     if (device === 'MOBILE') {
         return width * (0.0000868 * width + 0.0202);

package/dist/src/sub/DynamicLayout/types.d.ts

@@ -1,11 +1,11 @@
 import type { TypeOfSectionAction } from './sectionActionTypes';
-import type { CustomSectionImperativeHandleRef } from './sections/CustomSection/CustomSection';
 import type { ComponentBlock } from './sections/CustomSection/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './sections/CustomSection/util/contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim';
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
 import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
 import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
+import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';
@@ -60,6 +60,7 @@ export interface ISection {
     componentBlocks?: ComponentBlock[];
     jsonProperties?: ISectionJsonProperties;
 }
+export type SectionPedigree = Block;
 export interface SubscriptionProductInList {
     id: number;
     type: SubscriptionProductType;
@@ -212,6 +213,11 @@ export interface IItemDescription extends IDescription {
     color?: string;
 }
 export type CustomSectionShortcutKeysType = 'BULK_SELECT' | 'COLLISION_SELECT' | 'SELECT_ALL' | 'MANUAL_COLLISION_SELECT' | 'MANUAL_BULK_BREAK' | null;
+export type CustomSectionImperativeHandleRef = {
+    selectCB: (cbId: string) => void;
+    selectCBInBulk: (cbIds: string[]) => void;
+    selectGroup: (groupBlockId: string) => void;
+};
 export type DynamicLayoutProps = {
     device: 'DESKTOP' | 'MOBILE';
     /** @default 'NORMAL */
@@ -300,6 +306,8 @@ export type IMembershipDisplay = {
     connectedMemberships: IConnectedMembership[];
 };
 export type ISectionJsonProperties = {
+    zOrders?: ZOrder;
+    pedigree?: SectionPedigree;
     data: {
         CB_CONTENT_PROP_SECTION: {
             CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE: boolean;
@@ -316,6 +324,8 @@ export type ISectionJsonProperties = {
             'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
             CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
             'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
+            CB_PLACEMENT_PROP_SECTION_SPEC_COLS?: number;
+            'CB_PLACEMENT_PROP_SECTION_SPEC_COLS:MOBILE': number | null | undefined;
         };
         CB_STYLE_PROP_BGCOLOR?: CB_STYLE_PROP_BGCOLOR_SPECS;
         CB_STYLE_PROP_BGMEDIA?: CB_STYLE_PROP_BGMEDIA_SPECS;
@@ -364,3 +374,37 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
 };
+export interface IComposition {
+    id: number;
+    administrativeTitle?: string;
+    display: boolean;
+    order: number;
+    manifest: {
+        schema: TypeOfSectionManifestSchema;
+        availableProperties: Array<KeyOfSectionProperties>;
+        availableStyles: Array<KeyOfSectionStyles>;
+        availableTemplates: Array<TypeofSectionTemplate>;
+    } | Record<string, never>;
+    template: TypeofSectionTemplate;
+    properties: ISectionProperties;
+    styles: ISectionStyles;
+    dynamicLayoutSectionItems: Array<IItem> | null;
+    insertedAt: string;
+    updatedAt: string;
+    type: TypeOfSectionType;
+    program?: 'MEMBERSHIP_DISPLAY';
+    programData?: {
+        mdid: string;
+        preview: {
+            availableResources: ['REAL.MEMBERSHIP_DISPLAY'];
+            resources: {
+                mock: Record<string, never>;
+                real: {
+                    membershipDisplay: IMembershipDisplay;
+                };
+            };
+        };
+    };
+    componentBlocks?: ComponentBlock[];
+    jsonProperties?: ISectionJsonProperties;
+}

package/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.d.ts

@@ -1 +1 @@
-export default function appendSandollTagsToHead(tagString: string): void;
+export default function appendSandollTagToHead(tagString: string): void;

package/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.js

@@ -1,25 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-console */
-function appendSandollTagsToHead(tagString) {
+function appendSandollTagToHead(tagString) {
     try {
         var tempDiv = document.createElement('div');
         tempDiv.innerHTML = tagString.trim();
-        Array.from(tempDiv.children).forEach(function (element, index) {
-            element.setAttribute('id', "sandoll-font-link-".concat(index));
-            var tagName = element.tagName.toLowerCase();
-            var href = element.getAttribute('href');
-            if (href) {
-                var existingElement = document.head.querySelector("".concat(tagName, "[href=\"").concat(href, "\"]"));
-                if (existingElement) {
+        var sandollFontCssTag = tempDiv.firstChild;
+        if (!sandollFontCssTag) {
+            console.error('SandollFont CSS Tag Not Found');
+            return;
+        }
+        sandollFontCssTag.setAttribute('id', 'sandoll-font-link');
+        var tagName = sandollFontCssTag.tagName.toLowerCase();
+        var href = sandollFontCssTag.getAttribute('href');
+        if (href) {
+            var prevSandollLinkTag = document.head.querySelector("".concat(tagName, "#sandoll-font-link"));
+            if (prevSandollLinkTag) {
+                if (prevSandollLinkTag.getAttribute('href') === href) {
                     return;
                 }
+                prevSandollLinkTag.remove();
             }
-            document.head.appendChild(element);
-        });
+            document.head.appendChild(sandollFontCssTag);
+        }
     }
     catch (e) {
         console.error(e);
     }
 }
-exports.default = appendSandollTagsToHead;
+exports.default = appendSandollTagToHead;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.262",
+  "version": "2.5.264",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -22,8 +22,8 @@
     "i18next-intervalplural-postprocessor": "^3.0.0",
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
-    "publ-echo": "^0.0.104",
-    "publ-echo-test": "^0.0.200",
+    "publ-echo": "^0.0.99",
+    "publ-echo-test": "^0.0.202",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",

package/release-note.md

@@ -1,6 +1,7 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.134]
+## [v2.2.127]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1279] 모바일 MainButton 계열 컴포넌트에 colorTheme 수정 건
+* [PDS-1272]  ic_duplicate 아이콘 추가
+* [PDS-1274] MainButton의 로딩 개선 건

package/dist/src/common/assets/icons/fill/BringToFrontArrow.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const BringToFrontArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default BringToFrontArrow;

package/dist/src/common/assets/icons/fill/BringToFrontArrow.js

@@ -1,30 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var BringToFrontArrow = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M7.6299,11.1971 L11.9999,6.8271 L16.3699,11.1971 M12,7.7766 L12,16.0326 M5.9982,4.0021 L18.2392,4.0021" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M6.1164,16.0326 C5.0134,16.0326 4.1164,16.9296 4.1164,18.0326 L4.1164,18.8402 C4.1164,19.9422 5.0134,20.8402 6.1164,20.8402 L18.0414,20.8402 C19.1444,20.8402 20.0414,19.9422 20.0414,18.8402 L20.0414,18.0326 C20.0414,16.9296 19.1444,16.0326 18.0414,16.0326 L6.1164,16.0326 Z" })] })) })));
-};
-exports.default = BringToFrontArrow;

package/dist/src/common/assets/icons/fill/DesktopSync.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const DesktopSync: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default DesktopSync;

package/dist/src/common/assets/icons/fill/DesktopSync.js

@@ -1,30 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var DesktopSync = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M17.4057,3.2659 C19.0567,3.2659 20.4907,4.3829 20.8917,5.9829 C21.0267,6.5189 20.7007,7.0629 20.1657,7.1959 C19.6307,7.3319 19.0867,7.0059 18.9527,6.4699 C18.7737,5.7609 18.1387,5.2659 17.4057,5.2659 L6.5947,5.2659 C5.7147,5.2659 4.9997,5.9809 4.9997,6.8599 L4.9997,13.4599 C4.9997,14.3389 5.7147,15.0549 6.5947,15.0549 L17.4057,15.0549 C18.1607,15.0549 18.8177,14.5199 18.9677,13.7809 C19.0777,13.2399 19.6027,12.8919 20.1467,13.0009 C20.6887,13.1099 21.0377,13.6389 20.9277,14.1799 C20.5887,15.8459 19.1077,17.0549 17.4057,17.0549 L14.5897,17.0549 L14.6037,19.4399 L16.0537,19.4399 C16.6057,19.4399 17.0537,19.8879 17.0537,20.4399 C17.0537,20.9929 16.6057,21.4399 16.0537,21.4399 L7.9457,21.4399 C7.3937,21.4399 6.9457,20.9929 6.9457,20.4399 C6.9457,19.8879 7.3937,19.4399 7.9457,19.4399 L9.4047,19.4399 L9.3917,17.0549 L6.5947,17.0549 C4.6127,17.0549 2.9997,15.4419 2.9997,13.4599 L2.9997,6.8599 C2.9997,4.8779 4.6127,3.2659 6.5947,3.2659 Z M14.5213,6.822 C14.8733,6.47 15.4433,6.47 15.7953,6.822 L18.4993,9.526 C18.8513,9.878 18.8513,10.448 18.4993,10.8 L15.7953,13.504 C15.6193,13.68 15.3893,13.768 15.1583,13.768 C14.9283,13.768 14.6973,13.68 14.5213,13.504 C14.1693,13.152 14.1693,12.582 14.5213,12.23 L15.6863,11.064 L10.0853,11.064 C9.5873,11.064 9.1833,10.661 9.1833,10.163 C9.1833,9.665 9.5873,9.262 10.0853,9.262 L15.6863,9.262 L14.5213,8.096 C14.1693,7.744 14.1693,7.174 14.5213,6.822 Z" }) })));
-};
-exports.default = DesktopSync;

package/dist/src/common/assets/icons/fill/MoveBackwardArrow.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const MoveBackwardArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default MoveBackwardArrow;

package/dist/src/common/assets/icons/fill/MoveBackwardArrow.js

@@ -1,30 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MoveBackwardArrow = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M5.9582,3.1598 C4.8552,3.1598 3.9582,4.0568 3.9582,5.1598 L3.9582,6.01574707 C3.9582,7.11774707 4.8552,8.01574707 5.9582,8.01574707 L17.8842,8.01574707 C18.9872,8.01574707 19.8842,7.11774707 19.8842,6.01574707 L19.8842,5.1598 C19.8842,4.0568 18.9872,3.1598 17.8842,3.1598 L5.9582,3.1598 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12,18.8851 L12,7.8261 M15,16.1497 L12,19.1497 L9,16.1497" })] })) })));
-};
-exports.default = MoveBackwardArrow;

package/dist/src/common/assets/icons/fill/MoveForwardArrow.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const MoveForwardArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default MoveForwardArrow;

package/dist/src/common/assets/icons/fill/MoveForwardArrow.js

@@ -1,30 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MoveForwardArrow = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M6.1164,16.0326 C5.0134,16.0326 4.1164,16.9296 4.1164,18.0326 L4.1164,18.8402 C4.1164,19.9422 5.0134,20.8402 6.1164,20.8402 L18.0414,20.8402 C19.1444,20.8402 20.0414,19.9422 20.0414,18.8402 L20.0414,18.0326 C20.0414,16.9296 19.1444,16.0326 18.0414,16.0326 L6.1164,16.0326 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12,5.1149 L12,16.1739 M9,7.8503 L12,4.8503 L15,7.8503" })] })) })));
-};
-exports.default = MoveForwardArrow;

package/dist/src/common/assets/icons/fill/SendToBackArrow.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const SendToBackArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default SendToBackArrow;

package/dist/src/common/assets/icons/fill/SendToBackArrow.js

@@ -1,30 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var SendToBackArrow = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M16.3701,12.8029 L12.0001,17.1729 L7.6301,12.8029 M12,16.2234 L12,7.9674 M18.0018,19.9979 L5.7608,19.9979" }), (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M5.9582,3.1598 C4.8552,3.1598 3.9582,4.0568 3.9582,5.1598 L3.9582,6.01574707 C3.9582,7.11774707 4.8552,8.01574707 5.9582,8.01574707 L17.8842,8.01574707 C18.9872,8.01574707 19.8842,7.11774707 19.8842,6.01574707 L19.8842,5.1598 C19.8842,4.0568 18.9872,3.1598 17.8842,3.1598 L5.9582,3.1598 Z" })] })) })));
-};
-exports.default = SendToBackArrow;

package/dist/src/common/assets/icons/line/BringToFrontArrow.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const BringToFrontArrow: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default BringToFrontArrow;

package/dist/src/common/assets/icons/line/BringToFrontArrow.js

@@ -1,30 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var BringToFrontArrow = function (_a) {
-    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M7.6299,11.1971 L11.9999,6.8271 L16.3699,11.1971 M12,7.7766 L12,16.0326 M18.0415,19.8403 L6.1155,19.8403 C5.5635,19.8403 5.1155,19.3923 5.1155,18.8403 L5.1155,17.7823 C5.1155,17.2303 5.5635,16.7823 6.1155,16.7823 L18.0415,16.7823 C18.5935,16.7823 19.0415,17.2303 19.0415,17.7823 L19.0415,18.8403 C19.0415,19.3923 18.5935,19.8403 18.0415,19.8403 Z M5.9982,4.0021 L18.2392,4.0021" }) })));
-};
-exports.default = BringToFrontArrow;

package/dist/src/common/assets/icons/line/DesktopSync.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type IconType from '../IconType';
-declare const DesktopSync: ({ color, size, ...rest }: IconType) => JSX.Element;
-export default DesktopSync;