plugin-ui-for-kzt 0.0.8 → 0.0.10

package/src/types/input.d.ts

@@ -0,0 +1,56 @@
+import type { Nullable } from './utils';
+import type { ITooltipProps } from './tooltip';
+import type { ICorePlaceholder, ICoreSize, ICoreState, ICoreStyle } from './utils';
+
+export interface InputProps {
+  modelValue: string
+  id: string
+  mask?: string
+  type?: string
+  placeholder?: string
+  error?: string | boolean
+  readonly?: boolean
+  hint?: string
+  label?: string
+  tooltipOptions?: ITooltipProps
+  validationText?: string
+}
+
+interface IPropsBaseSiteInput extends InputProps {}
+
+type TTextareaProps = Omit<InputProps, 'type'>;
+
+export type ICorePropsBaseSiteInput = Omit<IPropsBaseSiteInput, 'id'> & ICoreSize;
+
+export type ICoreInputProps = InputProps & ICoreSize & ICoreState;
+
+export type ICoreTextareaProps = ICoreState & TTextareaProps & ICoreSize;
+
+export type TSelectValue = Nullable<string | number | boolean>;
+
+export interface ICoreSelectOption {
+  id: TSelectValue
+  name: string
+  disabled?: boolean
+  icon?: string
+  style?: [key: string]
+
+  [key: string]: string
+}
+
+export interface ICoreSelectBaseProps {
+  id: string
+  icon?: string
+  name?: string
+  readonly?: boolean
+  disabled?: boolean
+  options?: ICoreSelectOption[]
+  parentWidth?: boolean
+  multiple?: boolean
+  style?: [key: string]
+  transitionName?: string
+  label?: string
+  hint?: string
+}
+
+export type ICoreSelectProps = ICoreSelectBaseProps & ICoreSize & ICoreState & ICoreStyle & ICorePlaceholder;

package/src/types/toggle.d.ts

@@ -0,0 +1,12 @@
+import type { ICoreSize, ICoreState } from './utils';
+
+interface ICoreToggleBaseProps {
+  id: string
+  modelValue: boolean
+  readonly?: boolean
+  label?: string
+  subLabel?: string
+  labelPosition?: 'left' | 'right'
+}
+
+export type ICoreToggleProps = ICoreToggleBaseProps & ICoreSize & ICoreState;

package/src/types/tooltip.d.ts

@@ -0,0 +1,8 @@
+export interface ITooltipProps {
+  title: string
+  content?: string
+  arrow?: boolean
+  theme?: 'dark' | 'light'
+  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'left' | 'right'
+  trigger?: 'hover' | 'click'
+}

package/src/types/utils.d.ts

@@ -0,0 +1,37 @@
+export type Nullable<T> = T | null;
+
+export type TCoreSize = 'large' | 'medium' | 'small' | 'extra-small' | 'custom';
+
+export type TCoreColor = string | 'primary' | 'secondary' | 'tertiary-gray' | 'tertiary-blue' | 'quaternary-gray' | 'quaternary-blue' | 'link-blue' | 'link-critical' | 'link-gray' | 'custom';
+export type TCoreInteractiveTag = 'link' | 'button' | 'span' | 'div' | 'a';
+
+export interface ICoreSize {
+  size?: TCoreSize
+}
+
+export interface ICoreColor {
+  color?: TCoreColor
+}
+
+export interface ICoreInteractive {
+  tag?: TCoreInteractiveTag
+}
+
+export interface ICorePlaceholder {
+  placeholder?: string
+}
+
+export interface ICoreState {
+  selected?: boolean
+  active?: boolean
+  disabled?: boolean
+  required?: boolean
+  error?: Nullable<string | number | boolean> | undefined
+  loading?: boolean
+}
+
+export interface ICoreStyle {
+  outline?: boolean
+  rounded?: boolean
+  underline?: boolean
+}

package/src/vue-virtual-scroller.d.ts

@@ -0,0 +1,9 @@
+declare module 'vue-virtual-scroller' {
+
+  import type { DefineComponent } from 'vue';
+
+  export const DynamicScroller: DefineComponent;
+
+  export const DynamicScrollerItem: DefineComponent;
+
+}

package/tsconfig.json

@@ -2,11 +2,14 @@
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
+    "types": ["node"],
     "moduleResolution": "Node",
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "jsx": "preserve",
+    "declaration": true,
+    "declarationDir": "./dist",
     "lib": [
       "dom",
       "esnext"
@@ -18,14 +21,14 @@
     }
   },
   "include": [
-
     "src/**/*",
     "src/**/*.ts",
     "src/**/*.vue",
-    "shims-vue.d.ts"
+    "shims-vue.d.ts",
+    "shims-context.d.ts"
   ],
   "exclude": [
     "node_modules",
     "dist"
   ]
-}
+}

package/webpack.config.js

@@ -1,15 +1,20 @@
-const path = require('path');
-const {VueLoaderPlugin} = require('vue-loader');
+const path = require("path");
+const { VueLoaderPlugin } = require("vue-loader");
+const SpriteLoaderPlugin = require("svg-sprite-loader/plugin");
 
-module.exports = {
-    entry: './src/index.ts',
-    mode: "none",
+module.exports = (env, argv) => {
+  const isProduction = argv.mode === "production";
+
+  return {
+    mode: isProduction ? "production" : "development",
+    entry: isProduction ? "./src/index.ts" : "./example/main.ts",
     output: {
-        path: __dirname + "/dist",
-        filename: "index.js",
-        libraryTarget: "umd", // Universal Module Definition
-        library: "ModalPluginNikitas",
-        globalObject: "this"
+      path: path.resolve(__dirname, "dist"),
+      filename: "index.js",
+      publicPath: "/",
+      libraryTarget: isProduction ? "umd" : undefined,
+      library: isProduction ? "plugin-ui-for-kzt" : undefined,
+      globalObject: "this",
     },
     // output: {
     //     filename: 'index.js',
@@ -19,38 +24,88 @@ module.exports = {
     //     umdNamedDefine: true,
     // },
     resolve: {
-        extensions: ['.js', '.ts', '.vue', '.json'],
-        alias: {
-            '@': path.resolve(__dirname, 'src'),
-            vue: 'vue/dist/vue.runtime.esm-bundler.js',
-        },
+      extensions: [".js", ".ts", ".vue", ".json"],
+      alias: {
+        "@": path.resolve(__dirname, "src"),
+        vue: "vue/dist/vue.runtime.esm-bundler.js",
+      },
     },
 
     module: {
-        rules: [
-            {
-                test: /\.ts$/,
-                loader: 'ts-loader',
-                options: {
-                    appendTsSuffixTo: [/\.vue$/],
-                },
-            },
+      rules: [
+        {
+          test: /\.ts$/,
+          loader: "ts-loader",
+          options: {
+            appendTsSuffixTo: [/\.vue$/],
+          },
+        },
+        {
+          test: /\.vue$/,
+          loader: "vue-loader",
+        },
+        {
+          test: /\.scss$/,
+          use: ["style-loader", "css-loader", "sass-loader"],
+        },
+        {
+          test: /\.css$/i,
+          use: ["style-loader", "css-loader"],
+        },
+        {
+          test: /\.svg$/,
+          use: [
             {
-                test: /\.vue$/,
-                loader: 'vue-loader',
+              loader: "svg-sprite-loader",
+              options: {
+                extract: true,
+                spriteFilename: "sprite.svg",
+                publicPath: "/",
+              },
             },
             {
-                test: /\.scss$/,
-                use: ['vue-style-loader', 'css-loader', 'sass-loader'],
+              loader: "svgo-loader",
+              options: {
+                plugins: [
+                  {
+                    name: "removeTitle",
+                    active: true,
+                  },
+                  {
+                    name: "convertColors",
+                    params: {
+                      shorthex: true,
+                    },
+                  },
+                  {
+                    name: "removeComments",
+                    active: true,
+                  },
+                ],
+              },
             },
-            {
-                test: /\.svg$/,
-                use: ["file-loader"],
-            }
-        ],
+          ],
+        },
+      ],
     },
-    plugins: [new VueLoaderPlugin()],
-    externals: {
-        vue: 'vue', // Vue will not be bundled; it’s an external dependency
+    plugins: [new VueLoaderPlugin(), new SpriteLoaderPlugin()],
+    externals: isProduction
+      ? {
+          vue: "vue", // Vue will not be bundled; it’s an external dependency
+        }
+      : {},
+    devServer: {
+      static: path.join(__dirname, "example"),
+      compress: true,
+      port: 9000,
+      hot: false,
+      liveReload: true,
+      open: true,
+      historyApiFallback: true,
+      devMiddleware: {
+        publicPath: "/",
+      },
     },
+    devtool: isProduction ? false : "source-map",
+  };
 };