@genesislcap/foundation-zero 14.92.5 → 14.94.0

package/dist/custom-elements.json

@@ -6809,7 +6809,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n    <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n    <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n    <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n  `,\n}"
+          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n      <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n      <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n      <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -6841,7 +6841,7 @@
           "type": {
             "text": "ViewTemplate<Filter>"
           },
-          "default": "html`\n  <div class=\"filter-wrapper\">${(x) => selectTemplate(x)}</div>\n`"
+          "default": "html`\n  ${getPrefixedFilterTemplate('zero')}\n`"
         }
       ],
       "exports": [
@@ -6863,80 +6863,13 @@
           "kind": "class",
           "description": "",
           "name": "Filter",
+          "superclass": {
+            "name": "FoundationFilter",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-filter",
+          "customElement": true,
           "members": [
-            {
-              "kind": "field",
-              "name": "textFilterField",
-              "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "numFilterFieldMin",
-              "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "numFilterFieldMax",
-              "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "dateFilterFieldMin",
-              "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "dateFilterFieldMax",
-              "type": {
-                "text": "TextField"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "fieldName",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type"
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page."
-            },
-            {
-              "kind": "field",
-              "name": "enumFilterOptions",
-              "type": {
-                "text": "any[]"
-              }
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -7048,41 +6981,7 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "attributes": [
-            {
-              "name": "fieldName",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "fieldName"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "type",
-              "fieldName": "type"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page.",
-              "fieldName": "target"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationFilter",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-filter",
-          "customElement": true
+          ]
         },
         {
           "kind": "variable",

package/dist/dts/filter/filter.d.ts

@@ -1,23 +1,8 @@
-import { Filter as FoundationFilter, TextField } from '@genesislcap/foundation-ui';
+import { Filter as FoundationFilter } from '@genesislcap/foundation-ui';
 /**
  * @tagname %%prefix%%-filter
  */
 export declare class Filter extends FoundationFilter {
-    textFilterField: TextField;
-    numFilterFieldMin: TextField;
-    numFilterFieldMax: TextField;
-    dateFilterFieldMin: TextField;
-    dateFilterFieldMax: TextField;
-    fieldName: string;
-    label: string;
-    type: "number" | "boolean" | "text" | "date" | "enum";
-    /**
-     * Will be included in event emmissions.
-     * Usually set to the id of the target datasource.
-     * Usefull when we have multiple grids in the same page.
-     */
-    target: string;
-    enumFilterOptions: any[];
 }
 export declare const zeroFilter: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
     baseName: string;

package/dist/dts/filter/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,EAE1B,SAAS,EACV,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;IACnC,eAAe,EAAE,SAAS,CAAC;IAC3B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC;IAC9B,kBAAkB,EAAE,SAAS,CAAC;IAE/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,kDAAc;IAExB;;;;OAIG;IACG,MAAM,EAAE,MAAM,CAAC;IAET,iBAAiB,EAAE,GAAG,EAAE,CAA2B;CAChE;AAED,eAAO,MAAM,UAAU;;;;;;;;iBAIrB,CAAC"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,EAE3B,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,eAAO,MAAM,UAAU;;;;;;;;iBAIrB,CAAC"}

package/dist/dts/filter/filter.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}
+{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}

package/dist/dts/filter/filter.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.template.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuC,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5F,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA0HvC,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAEnD,CAAC"}
+{"version":3,"file":"filter.template.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAEnD,CAAC"}

package/dist/esm/filter/filter.js

@@ -1,32 +1,10 @@
-import { __decorate } from "tslib";
 import { Filter as FoundationFilter, foundationFilterStyles as styles, } from '@genesislcap/foundation-ui';
-import { attr, observable } from '@microsoft/fast-element';
 import { zeroFilterTemplate as template } from './filter.template';
 /**
  * @tagname %%prefix%%-filter
  */
 export class Filter extends FoundationFilter {
-    constructor() {
-        super(...arguments);
-        this.type = super.type;
-        this.enumFilterOptions = super.enumFilterOptions;
-    }
 }
-__decorate([
-    attr
-], Filter.prototype, "fieldName", void 0);
-__decorate([
-    attr
-], Filter.prototype, "label", void 0);
-__decorate([
-    attr
-], Filter.prototype, "type", void 0);
-__decorate([
-    attr
-], Filter.prototype, "target", void 0);
-__decorate([
-    observable
-], Filter.prototype, "enumFilterOptions", void 0);
 export const zeroFilter = Filter.compose({
     baseName: 'filter',
     template,

package/dist/esm/filter/filter.stories.js

@@ -4,11 +4,14 @@ const meta = {
     component: 'zero-filter',
 };
 export default meta;
+const wrapperStyle = 'display: flex;min-height:300px;';
 export const Primary = {
     render: () => html `
-    <zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
-    <zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
-    <zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
-    <zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
+    <div style="${wrapperStyle}">
+      <zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
+      <zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
+      <zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
+      <zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
+    </div>
   `,
 };

package/dist/esm/filter/filter.template.js

@@ -1,112 +1,5 @@
-import { closeIcon } from '@genesislcap/foundation-ui';
-import { sync } from '@genesislcap/foundation-utils';
-import { html, ref, repeat } from '@microsoft/fast-element';
-const closeIconTemplate = html `
-  <div class="close-icon" @click=${(x) => x['clear']()}>${closeIcon()}</div>
-`;
-const textFilterTemplate = html `
-  <div class="flex-row">
-    <div>${(x) => x.label}</div>
-    ${closeIconTemplate}
-  </div>
-  <div class="flex-row">
-    <zero-text-field ${ref('textFilterField')} type="text" :value=${sync((x) => x.textFilter)} />
-  </div>
-`;
-const numberFilterTemplate = html `
-  <div class="flex-row">
-    <div>${(x) => x.label}</div>
-    ${closeIconTemplate}
-  </div>
-  <div class="flex-row">
-    <zero-text-field
-      ${ref('numFilterFieldMin')}
-      type="number"
-      :value=${sync((x) => x.numFilterMin)}
-      placeholder="min"
-    ></zero-text-field>
-    <zero-text-field
-      ${ref('numFilterFieldMax')}
-      type="number"
-      :value=${sync((x) => x.numFilterMax)}
-      placeholder="max"
-    ></zero-text-field>
-  </div>
-`;
-const dateFilterTemplate = html `
-  <div class="flex-row">
-    <div>${(x) => x.label}</div>
-    ${closeIconTemplate}
-  </div>
-  <div class="flex-row">
-    <zero-text-field
-      ${ref('dateFilterFieldMin')}
-      type="date"
-      :value=${sync((x) => x.dateFilterMin)}
-      placeholder="min"
-    ></zero-text-field>
-    <zero-text-field
-      ${ref('dateFilterFieldMax')}
-      type="date"
-      :value=${sync((x) => x.dateFilterMax)}
-      placeholder="max"
-    ></zero-text-field>
-  </div>
-`;
-function targetValue(ctx) {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'all';
-}
-const booleanFilterOptions = [
-    { name: 'All', value: 'all', selected: true },
-    { name: 'True', value: 'true' },
-    { name: 'False', value: 'false' },
-    { name: 'N/A', value: 'null' },
-];
-const booleanFilterTemplate = html `
-  <div class="flex-row">
-    <div>${(x) => x.label}</div>
-    ${closeIconTemplate}
-  </div>
-  <div class="flex-row">
-    <zero-select @change="${(x, c) => x['onBooleanFilterSelection'](targetValue(c))}}">
-      ${repeat(() => booleanFilterOptions, html `
-          <zero-option value="${(x) => x.value}" selected="${(x) => x.selected}">
-            ${(x) => x.name}
-          </zero-option>
-        `)}
-    </zero-select>
-  </div>
-`;
-const enumFilterTemplate = html `
-  <div class="flex-row">
-    <div>${(x) => x.label}</div>
-    ${closeIconTemplate}
-  </div>
-  <div class="flex-row">
-    <zero-select @change="${(x, c) => x['onEnumFilterSelection'](targetValue(c))}}">
-      ${repeat((x) => x.enumFilterOptions, html `
-          <zero-option value="${(x) => x.value}" selected="${(x) => x.selected}">
-            ${(x) => x.name}
-          </zero-option>
-        `)}
-    </zero-select>
-  </div>
-`;
-const selectTemplate = (x) => {
-    switch (x.type) {
-        case 'number':
-            return numberFilterTemplate;
-        case 'date':
-            return dateFilterTemplate;
-        case 'boolean':
-            return booleanFilterTemplate;
-        case 'enum':
-            return enumFilterTemplate;
-        default:
-            return textFilterTemplate;
-    }
-};
+import { getPrefixedFilterTemplate } from '@genesislcap/foundation-ui';
+import { html } from '@microsoft/fast-element';
 export const zeroFilterTemplate = html `
-  <div class="filter-wrapper">${(x) => selectTemplate(x)}</div>
+  ${getPrefixedFilterTemplate('zero')}
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.92.5",
+  "version": "14.94.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -65,7 +65,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.92.5",
+    "@genesislcap/genx": "14.94.0",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-links": "^7.1.0",
     "@storybook/addons": "^7.1.0",
@@ -78,10 +78,10 @@
     "storybook": "^7.1.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.92.5",
-    "@genesislcap/foundation-logger": "14.92.5",
-    "@genesislcap/foundation-ui": "14.92.5",
-    "@genesislcap/foundation-utils": "14.92.5",
+    "@genesislcap/foundation-comms": "14.94.0",
+    "@genesislcap/foundation-logger": "14.94.0",
+    "@genesislcap/foundation-ui": "14.94.0",
+    "@genesislcap/foundation-utils": "14.94.0",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -98,5 +98,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "1ab3429e0f9479079a247884cd93d08e726c6a35"
+  "gitHead": "cb3b05d51d51d25f3558ab4436258df58268aa0e"
 }