@indice/ng-components 0.2.139-beta → 0.2.139

package/{public-api.d.ts → src/public-api.ts}

@@ -1,43 +1,60 @@
-export * from './lib/directives/click-outside.directive';
-export * from './lib/controls/drop-down-menu/drop-down-menu.component';
-export * from './lib/controls/pager/pager.component';
-export * from './lib/controls/list-view/list-view.component';
-export * from './lib/controls/list-view/list-column.component';
-export * from './lib/controls/list-view/list-tile.component';
-export * from './lib/controls/list-view/list-details-section.component';
-export * from './lib/controls/list-view/list-view-empty-state.component';
-export * from './lib/controls/skeleton-loader/skeleton-loader.component';
-export * from './lib/controls/collapsible-panel/collapsible-panel.component';
-export * from './lib/controls/kpi-tile/kpi-tile.component';
-export * from './lib/controls/date-picker/date-picker.component';
-export * from './lib/controls/toaster/toaster-container.component';
-export * from './lib/controls/toaster/toaster.component';
-export * from './lib/controls/avatar-initials/avatar-initials.component';
-export * from './lib/controls/toggle/toggle.component';
-export * from './lib/controls/side-pane/side-pane.component';
-export * from './lib/layouts/shell/shell-layout/shell-layout.component';
-export * from './lib/layouts/shell/shell-header/shell-header.component';
-export * from './lib/layouts/shell/shell-footer/shell-footer.component';
-export * from './lib/layouts/views/view-layout/view-layout.component';
-export * from './lib/layouts/views/model-view-layout/model-view-layout.component';
-export * from './lib/layouts/views/side-view-layout/side-view-layout.component';
-export * from './lib/layouts/views/form-layout/form-layout.component';
-export * from './lib/pages/auth/auth-callback/auth-callback.component';
-export * from './lib/pages/auth/auth-renew/auth-renew.component';
-export * from './lib/pages/auth/logged-out/logged-out.component';
-export * from './lib/pages/http-status/error/error.component';
-export * from './lib/pages/http-status/page-not-found/page-not-found.component';
-export * from './lib/pages/http-status/unauthorized/unauthorized.component';
-export * from './lib/pipes/address.pipe';
-export * from './lib/pipes/duration-format.pipe';
-export * from './lib/pipes/obs-with-status.pipe';
-export * from './lib/tokens';
-export * from './lib/types';
-export * from './lib/icons';
-export * from './lib/helpers/base-list.component';
-export * from './lib/services/component-loader/component-loader.factory';
-export * from './lib/services/modal-service/modal-service';
-export { ModalOptions, MODAL_CONFIG_DEFAULT_OVERRIDE, CloseInterceptorFn } from './lib/services/modal-service/modal-options.class';
-export * from './lib/services/modal-service/modal.class';
-export * from './lib/services/toaster.service';
-export * from './lib/ng-components.module';
+// Public API Surface of @indice/ng-components
+// directives
+export * from './lib/directives/click-outside.directive';
+
+// controls
+export * from './lib/controls/drop-down-menu/drop-down-menu.component';
+export * from './lib/controls/pager/pager.component';
+export * from './lib/controls/list-view/list-view.component';
+export * from './lib/controls/list-view/list-column.component';
+export * from './lib/controls/list-view/list-tile.component';
+export * from './lib/controls/list-view/list-details-section.component';
+export * from './lib/controls/list-view/list-view-empty-state.component';
+export * from './lib/controls/skeleton-loader/skeleton-loader.component';
+export * from './lib/controls/collapsible-panel/collapsible-panel.component';
+export * from './lib/controls/kpi-tile/kpi-tile.component';
+export * from './lib/controls/date-picker/date-picker.component';
+export * from './lib/controls/toaster/toaster-container.component';
+export * from './lib/controls/toaster/toaster.component';
+export * from './lib/controls/avatar-initials/avatar-initials.component';
+export * from './lib/controls/toggle/toggle.component';
+export * from './lib/controls/side-pane/side-pane.component';
+export * from './lib/controls/nav-links-list/nav-links-list.component';
+
+// shell layout
+export * from './lib/layouts/shell/shell-layout/shell-layout.component';
+export * from './lib/layouts/shell/shell-header/shell-header.component';
+export * from './lib/layouts/shell/shell-footer/shell-footer.component';
+
+// view layouts
+export * from './lib/layouts/views/view-layout/view-layout.component';
+export * from './lib/layouts/views/model-view-layout/model-view-layout.component';
+export * from './lib/layouts/views/side-view-layout/side-view-layout.component';
+export * from './lib/layouts/views/form-layout/form-layout.component';
+
+// pages
+export * from './lib/pages/auth/auth-callback/auth-callback.component';
+export * from './lib/pages/auth/auth-renew/auth-renew.component';
+export * from './lib/pages/auth/logged-out/logged-out.component';
+export * from './lib/pages/http-status/error/error.component';
+export * from './lib/pages/http-status/page-not-found/page-not-found.component';
+export * from './lib/pages/http-status/unauthorized/unauthorized.component';
+
+// pipes
+export * from './lib/pipes/address.pipe';
+export * from './lib/pipes/duration-format.pipe';
+
+// common stuff (tokens, types, helper classes)
+export * from './lib/tokens';
+export * from './lib/types';
+export * from './lib/icons';
+export * from './lib/helpers/base-list.component';
+
+// services
+export * from './lib/services/component-loader/component-loader.factory';
+export * from './lib/services/modal-service/modal-service';
+export { ModalOptions, MODAL_CONFIG_DEFAULT_OVERRIDE, CloseInterceptorFn } from './lib/services/modal-service/modal-options.class';
+export * from './lib/services/modal-service/modal.class';
+export * from './lib/services/toaster.service';
+
+export * from './lib/ng-components.module';

package/src/test.ts

@@ -0,0 +1,28 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    keys(): string[];
+    <T>(id: string): T;
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/tsconfig.lib.json

@@ -0,0 +1,26 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "target": "es2015",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial",
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "lib",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "lib",
+      "kebab-case"
+    ]
+  }
+}

package/webpack.config.js

@@ -0,0 +1,36 @@
+function patchPostCSS(webpackConfig, tailwindConfig, components = false) {
+  if(!tailwindConfig){
+    console.error('Missing tailwind config :', tailwindConfig);
+    return;
+  }
+  const pluginName = "autoprefixer";
+  for (const rule of webpackConfig.module.rules) {
+    if (!(rule.use && rule.use.length > 0) || (!components && rule.exclude)) {
+      continue;
+    }
+    for (const useLoader of rule.use) {
+      if (!(useLoader.options && useLoader.options.postcssOptions)) {
+        continue;
+      }
+      const originPostcssOptions = useLoader.options.postcssOptions;
+      useLoader.options.postcssOptions = (loader) => {
+        const _postcssOptions = originPostcssOptions(loader);
+        const insertIndex = _postcssOptions.plugins.findIndex(
+          ({ postcssPlugin }) => postcssPlugin && postcssPlugin.toLowerCase() === pluginName
+        );
+        if (insertIndex !== -1) {
+           _postcssOptions.plugins.splice(insertIndex, 0, ["tailwindcss", tailwindConfig]);
+        } else {
+          console.error(`${pluginName} not found in postcss plugins`);
+        }
+        return _postcssOptions;
+      };
+    }
+  }
+}
+
+module.exports = (config) => {
+  const tailwindConfig = require("./tailwind.config.js");
+  patchPostCSS(config, tailwindConfig, true);
+  return config;
+};