@esportsplus/ui 0.1.2 → 0.1.5

package/{packages/components/build → build/components}/field/file.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const reactivity_1 = require("@esportsplus/reactivity");
 const template_1 = require("@esportsplus/template");
-const form_1 = __importDefault(require("../form"));
+const form_1 = __importDefault(require("../../components/form"));
 const description_1 = __importDefault(require("./description"));
 const error_1 = __importDefault(require("./error"));
 const title_1 = __importDefault(require("./title"));

package/{packages/components/build → build/components}/field/select.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const reactivity_1 = require("@esportsplus/reactivity");
 const template_1 = require("@esportsplus/template");
-const form_1 = __importDefault(require("../form"));
-const scrollbar_1 = __importDefault(require("../scrollbar"));
-const root_1 = __importDefault(require("../root"));
+const form_1 = __importDefault(require("../../components/form"));
+const scrollbar_1 = __importDefault(require("../../components/scrollbar"));
+const root_1 = __importDefault(require("../../components/root"));
 const description_1 = __importDefault(require("./description"));
 const error_1 = __importDefault(require("./error"));
 const title_1 = __importDefault(require("./title"));

package/{packages/components/build → build/components}/field/text.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const reactivity_1 = require("@esportsplus/reactivity");
 const template_1 = require("@esportsplus/template");
-const form_1 = __importDefault(require("../form"));
+const form_1 = __importDefault(require("../../components/form"));
 const description_1 = __importDefault(require("./description"));
 const error_1 = __importDefault(require("./error"));
 const title_1 = __importDefault(require("./title"));

package/{packages/components/build → build/components}/field/title.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const template_1 = require("@esportsplus/template");
-const tooltip_1 = __importDefault(require("../tooltip"));
+const tooltip_1 = __importDefault(require("../../components/tooltip"));
 exports.default = (data) => {
     if (!data?.title) {
         return '';

package/{packages/components/build → build/components}/form/action.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const action_1 = require("@esportsplus/action");
-const alert_1 = __importDefault(require("../alert"));
+const alert_1 = __importDefault(require("../../components/alert"));
 const input_1 = __importDefault(require("./input"));
 function parse(input) {
     let data = {};

package/{packages/components/build → build/components}/form/types.d.ts

@@ -1,5 +1,5 @@
 import { response, Response } from '@esportsplus/action';
-import alert from '../alert';
+import alert from '../../components/alert';
 type Action = (data: Payload) => Promise<Errors> | Errors;
 type Errors = {
     errors: Response<unknown>['errors'];

package/{packages/components/build → build/components}/site/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const template_1 = require("@esportsplus/template");
-const root_1 = require("../root");
-const scrollbar_1 = __importDefault(require("../scrollbar"));
+const root_1 = require("../../components/root");
+const scrollbar_1 = __importDefault(require("../../components/scrollbar"));
 exports.default = (data) => {
     let { attributes: a, html: h } = (0, scrollbar_1.default)({
         fixed: true,

package/{packages/components/build → build/components}/tooltip/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const reactivity_1 = require("@esportsplus/reactivity");
 const menu_1 = __importDefault(require("./menu"));
-const root_1 = __importDefault(require("../root"));
+const root_1 = __importDefault(require("../../components/root"));
 let queue = [], running = false, scheduled = false;
 async function frame() {
     if (running) {

package/build/index.d.ts

@@ -0,0 +1,2 @@
+import '@esportsplus/webpack/global.d.ts';
+export * from './components';

package/build/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@esportsplus/webpack/global.d.ts");
+__exportStar(require("./components"), exports);

package/lib.scss

@@ -1,3 +1,2 @@
-// Necessary to expose for 3rd party use
-// - Dart sass doesn't support changing root directory
-@forward 'packages/lib';
+// Dart sass doesn't support changing root directory for the package to 'src'
+@forward './src/lib';

package/package.json

@@ -1,19 +1,31 @@
 {
     "author": "ICJR",
+    "dependencies": {
+        "@esportsplus/action": "^0.0.38",
+        "@esportsplus/reactivity": "^0.1.19",
+        "@esportsplus/template": "^0.1.31"
+    },
     "devDependencies": {
-        "@esportsplus/webpack": "^0.1.33",
+        "@esportsplus/webpack": "^0.1.32",
         "modern-normalize": "^2.0.0"
     },
+    "exports": {
+        "./lib": "./lib.scss",
+        "./tokens": "./tokens.scss",
+        "./*.css": "./build/*.css",
+        "./*": {
+            "types": "./build/components/*/index.d.ts",
+            "default": "./build/components/*/index.js"
+        }
+    },
     "name": "@esportsplus/ui",
     "private": false,
     "scripts": {
-        "build": "npm run build --workspaces --if-present && npm run build:resources",
-        "build:resources": "webpack build",
+        "build": "npm run build:ts && npm run build:assets",
+        "build:ts": "tsc && tsc-alias",
+        "build:assets": "webpack build --env=production=true",
         "-": "-",
         "prepublishOnly": "npm run build"
     },
-    "version": "0.1.2",
-    "workspaces": [
-        "packages/*"
-    ]
+    "version": "0.1.5"
 }

package/{packages/components/src → src/components}/field/file.ts

@@ -1,6 +1,6 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
-import form from '~/form';
+import form from '~/components/form';
 import description from './description';
 import error from './error';
 import title from './title';

package/{packages/components/src → src/components}/field/select.ts

@@ -1,8 +1,8 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
-import form from '~/form';
-import scrollbar from '~/scrollbar';
-import root from '~/root';
+import form from '~/components/form';
+import scrollbar from '~/components/scrollbar';
+import root from '~/components/root';
 import description from './description';
 import error from './error';
 import title from './title';

package/{packages/components/src → src/components}/field/text.ts

@@ -1,6 +1,6 @@
 import { reactive } from '@esportsplus/reactivity';
 import { html } from '@esportsplus/template';
-import form from '~/form';
+import form from '~/components/form';
 import description from './description';
 import error from './error';
 import title from './title';

package/{packages/components/src → src/components}/field/title.ts

@@ -1,5 +1,5 @@
 import { html } from '@esportsplus/template';
-import tooltip from '~/tooltip';
+import tooltip from '~/components/tooltip';
 
 
 export default (data: { required?: boolean, title?: string }) => {

package/{packages/components/src → src/components}/form/action.ts

@@ -1,6 +1,6 @@
 import { response } from '@esportsplus/action';
 import { Action } from './types';
-import alert from '~/alert';
+import alert from '~/components/alert';
 import input from './input';
 
 

package/{packages/components/src → src/components}/form/types.ts

@@ -1,5 +1,5 @@
 import { response, Response } from '@esportsplus/action';
-import alert from '~/alert';
+import alert from '~/components/alert';
 
 
 type Action = (data: Payload) => Promise<Errors> | Errors;

package/src/components/index.ts

@@ -0,0 +1,10 @@
+export { default as alert }from './alert';
+export { default as export }from './export';
+export { default as field }from './field';
+export { default as form }from './form';
+export { default as number }from './number';
+export { default as page }from './page';
+export { default as root }from './root';
+export { default as scrollbar }from './scrollbar';
+export { default as site }from './site';
+export { default as tooltip }from './tooltip';

package/{packages/components/src → src/components}/site/index.ts

@@ -1,6 +1,6 @@
 import { html } from '@esportsplus/template';
-import { onclick } from '~/root';
-import scrollbar from '~/scrollbar';
+import { onclick } from '~/components/root';
+import scrollbar from '~/components/scrollbar';
 
 
 type Data = {

package/{packages/components/src → src/components}/tooltip/index.ts

@@ -1,6 +1,6 @@
 import { reactive } from '@esportsplus/reactivity';
 import menu from './menu';
-import root from '~/root';
+import root from '~/components/root';
 
 
 let queue: VoidFunction[] = [],

package/src/index.ts

@@ -0,0 +1,2 @@
+import '@esportsplus/webpack/global.d.ts';
+export * from './components';

package/{packages → src}/lib/scss/list.scss

@@ -1,7 +1,6 @@
 @use 'sass:list';
 @use 'sass:string';
 
-
 @forward 'sass:list';
 
 @function contains($needles, $haystack) {

package/{packages → src}/lib/scss/position.scss

@@ -1,6 +1,5 @@
 @use 'list';
 
-
 @mixin position($position, $value: null) {
     position: $position;
 

package/{packages → src}/lib/scss/string.scss

@@ -1,7 +1,6 @@
 @use 'list';
 @use 'sass:string';
 
-
 @forward 'sass:string';
 
 @function contains($needles, $haystack) {

package/{packages → src}/tokens/scss/color.scss

@@ -1,4 +1,4 @@
-@use '/lib';
+@use '../../lib';
 
 $color: (
     'black': (

package/{packages → src}/tokens/scss/spacer.scss

@@ -1,4 +1,4 @@
-@use '/lib';
+@use '../../lib';
 @use 'size';
 
 $spacer: (

package/{packages → src}/tokens/scss/state.scss

@@ -18,7 +18,7 @@
  *
  */
 
-@use '/lib';
+@use '../../lib';
 
 $state: (
     active: '&.--active',

package/tokens.scss

@@ -1,3 +1,2 @@
-// Necessary to expose for 3rd party use
-// - Dart sass doesn't support changing root directory
-@forward 'packages/tokens';
+// Dart sass doesn't support changing root directory for the package to 'src'
+@forward './src/tokens';

package/{packages/components/tsconfig.json → tsconfig.json}

@@ -6,6 +6,6 @@
         "outDir": "build"
     },
     "exclude": ["node_modules"],
-    "extends": "@esportsplus/typescript/tsconfig.base.json",
+    "extends": "./node_modules/@esportsplus/typescript/tsconfig.base.json",
     "include": ["src"]
 }

package/webpack.config.ts

@@ -4,10 +4,18 @@ import { config, entry } from '@esportsplus/webpack';
 export default config.css({
     contenthash: false,
     entry: {
+        components: {
+            styles: entry.css('./src/components/**/index.scss'),
+            variables: entry.css('./src/components/**/variables.scss')
+        },
         fonts: {
             montserrat: entry.css('./storage/fonts/montserrat/index.css')
         },
-        normalize: entry.css('modern-normalize/modern-normalize.css')
+        normalize: entry.css('modern-normalize/modern-normalize.css'),
+        utilities: {
+            styles: entry.css('./src/css-utilities/**/index.scss'),
+            variables: entry.css('./src/css-utilities/**/variables.scss')
+        }
     },
     mode: 'production'
 });

package/packages/components/lib.scss

@@ -1 +0,0 @@
-@forward '../lib';

package/packages/components/package.json

@@ -1,19 +0,0 @@
-{
-    "dependencies": {
-        "@esportsplus/action": "^0.0.38",
-        "@esportsplus/reactivity": "^0.1.19",
-        "@esportsplus/template": "^0.1.31"
-    },
-    "exports": {
-        "./*": {
-            "default": "./build/*/index.js",
-            "types": "./build/*/index.d.ts"
-        }
-    },
-    "name": "components",
-    "scripts": {
-        "build": "npm run build:ts && npm run build:assets",
-        "build:ts": "tsc && tsc-alias",
-        "build:assets": "webpack build --env=production=true"
-    }
-}

package/packages/components/src/index.ts

@@ -1,10 +0,0 @@
-export { default as alert } from './alert';
-export { default as export } from './export';
-export { default as field } from './field';
-export { default as form } from './form';
-export { default as number } from './number';
-export { default as page } from './page';
-export { default as root } from './root';
-export { default as scrollbar } from './scrollbar';
-export { default as site } from './site';
-export { default as tooltip } from './tooltip';

package/packages/components/tokens.scss

@@ -1 +0,0 @@
-@forward '../tokens';

package/packages/components/webpack.config.ts

@@ -1,16 +0,0 @@
-import { config, entry } from '@esportsplus/webpack';
-
-
-export default config.css({
-    contenthash: false,
-    entry: {
-        components: {
-            styles: entry.css('./src/**/index.scss'),
-            variables: entry.css('./src/**/variables.scss')
-        }
-    },
-    mode: 'production',
-    output: {
-        path: '../../build'
-    }
-});

package/packages/css-utilities/lib.scss

@@ -1 +0,0 @@
-@forward '../lib';

package/packages/css-utilities/package.json

@@ -1,6 +0,0 @@
-{
-    "name": "css-utilities",
-    "scripts": {
-        "build": "webpack build"
-    }
-}

package/packages/css-utilities/tokens.scss

@@ -1 +0,0 @@
-@forward '../tokens';

package/packages/css-utilities/webpack.config.ts

@@ -1,16 +0,0 @@
-import { config, entry } from '@esportsplus/webpack';
-
-
-export default config.css({
-    contenthash: false,
-    entry: {
-        utilities: {
-            styles: entry.css('./src/**/index.scss'),
-            variables: entry.css('./src/**/variables.scss')
-        }
-    },
-    mode: 'production',
-    output: {
-        path: '../../build'
-    }
-});