@sydsoft/base 1.48.0 → 1.50.0

package/{dist/esm → _dist}/icon/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { iconMap } from './icons';
 import { MaterialIconName } from './mui';
-export declare const iconList: ("search" | "close" | "edit" | "keyboard_arrow_down" | "keyboard_arrow_up")[];
+export declare const iconList: IconName[];
 export type IconName = keyof typeof iconMap;
 interface BaseProps {
     color?: string;

package/_dist/menu/index.module.css

@@ -0,0 +1,92 @@
+.ul {
+    position: relative;
+    width: 100%;
+    max-height: calc(100vh - 94px);
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    background: #fff;
+    letter-spacing: 0.2px;
+    outline: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.15);
+    overflow-y: auto;
+    user-select: none;
+}
+
+.ul > li {
+    cursor: pointer;
+    padding: 2px 6px;
+    min-height: 25px;
+}
+.ul > li,
+.ul > li a {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    width: 100%;
+}
+.ul > li a,
+.ul > li a:visited {
+    color: inherit;
+    text-decoration: none;
+}
+
+.ul > li:first-child {
+    margin-top: 5px;
+}
+
+.ul > li:last-child {
+    margin-bottom: 5px;
+}
+
+.ul > li:hover {
+    background: #f0f2f5;
+}
+
+.ul > li:global(.spopover_active) {
+    background: #e8f0fe;
+}
+
+.menuicon {
+    display: inline-flex;
+    overflow: hidden;
+    width: 30px;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    color: #606060;
+}
+
+.menutitle {
+    display: inline-flex;
+    flex: 1;
+    align-items: center;
+    justify-content: flex-start;
+    margin: 0 10px;
+}
+
+.rightmenu {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    color: #909090;
+    font-size: 12px;
+    width: 50px;
+}
+.rightmenu span {
+    user-select: none;
+}
+
+.seperator {
+    cursor: default !important;
+    background: #00000014 !important;
+    border: 0;
+    height: 1px;
+    min-height: 1px !important;
+    margin: 4px 0;
+    padding: 0 !important;
+    display: block !important;
+}

package/_dist/modal/index.module.css

@@ -0,0 +1,77 @@
+.backdrop {
+    position: fixed;
+    z-index: 1300;
+    inset: 0;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.23);
+    width: 100%;
+    height: 100%;
+    outline: none;
+}
+.backdrop_open {
+    display: flex !important;
+}
+
+.modal {
+    position: relative;
+    min-width: 200px;
+    max-width: 90%;
+    max-height: calc(100% - 64px);
+    overflow-x: hidden;
+    border-radius: 8px;
+    background: transparent;
+    box-shadow:
+        rgb(0 0 0 / 32%) 0 4px 8px,
+        rgb(0 0 0 / 40%) 0 8px 40px;
+    margin: 15px;
+    padding: 0;
+    z-index: 1;
+    outline: none;
+}
+.fullscreen {
+    width: 100vw;
+    max-width: 100vw;
+    height: 100vh;
+    max-height: 100vh;
+    border-radius: 0;
+    margin: 0;
+}
+.close_fixed {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    z-index: 1000;
+    text-align: right;
+    border-radius: inherit;
+}
+
+.close {
+    position: fixed;
+    background: linear-gradient(0deg, transparent, #00000026, transparent);
+    padding: 8px 10px;
+    font-size: 11px;
+    transform: scale(1) translateX(-100%);
+    border-radius: none;
+    cursor: pointer;
+    font-weight: bold;
+    text-shadow: 1px 0px 0px #000000;
+    transition: all 0.3s ease-in-out;
+}
+.close:hover {
+    transform: scale(1.3) translateX(-85%);
+    background: linear-gradient(180deg, transparent, #0000003a, transparent);
+}
+
+.sbox_header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.sbox_footer {
+    position: sticky;
+    bottom: 0;
+    z-index: 10;
+}

package/package.json

@@ -1,26 +1,27 @@
 {
     "name": "@sydsoft/base",
     "private": false,
-    "version": "1.48.0",
+    "version": "1.50.0",
     "description": "",
-    "main": "./dist/esm/index.js",
-    "module": "./dist/esm/index.js",
-    "types": "./dist/esm/index.d.ts",
+    "type": "module",
+    "main": "./_dist/index.js",
+    "module": "./_dist/index.js",
+    "types": "./_dist/index.d.ts",
     "files": [
-        "./dist/",
+        "./_dist/",
         "README.md"
     ],
     "exports": {
         ".": {
-            "types": "./dist/esm/index.d.ts",
-            "default": "./dist/esm/index.js"
+            "types": "./_dist/index.d.ts",
+            "import": "./_dist/index.js"
         }
     },
     "scripts": {
-        "clean": "rm -rf ./dist",
-        "copyFiles": "copyfiles -u 1 \"**/*.css\" dist/esm",
-        "build": "npm run clean && tsc && npm run copyFiles",
-        "publishNPM": "npm run build && npm version patch && npm version minor && npm publish --dry-run && npm publish --access public && rm -rf ./dist"
+        "clean": "rm -rf ./_dist",
+        "copyFiles": "copyfiles \"**/*.css\" _dist",
+        "build": "rm -rf ./_dist && tsc && npm run copyFiles",
+        "publishNPM": "npm run build && npm version patch && npm version minor && npm publish --dry-run && npm publish --access public && npm run clean"
     },
     "publishConfig": {
         "access": "public"

package/dist/esm/_lib/storage/cookies.d.ts

@@ -1,4 +0,0 @@
-export declare const cerezOku: (context: any | null, key: string) => string | false;
-export declare const cerezKaydet: (context: any | null, key: string, value: string, time?: number) => void;
-export declare const cerezSil: (context: any | null, key: string) => void;
-export declare const cerezTumuSil: (context?: any | null) => void;