@ember-eui/core 5.8.4 → 5.10.0

package/addon/services/eui-i18n.ts

@@ -0,0 +1,89 @@
+import Service from '@ember/service';
+import { action } from '@ember/object';
+import { processStringToChildren } from '../i18n/util';
+
+interface LookupTokenOptions {
+  token: string;
+  i18nMapping?: Record<string, string>;
+  valueDefault: string | ((values: Record<string, unknown>) => string);
+  values?: Record<string, unknown>;
+}
+
+function flatten(
+  acc: Record<string, unknown> = {},
+  obj: Record<string, unknown>,
+  path = ''
+) {
+  path = path.length > 0 ? path + '.' : path;
+
+  for (const key in obj) {
+    if (typeof obj[key] === 'object' && obj[key] !== null) {
+      flatten(acc, obj[key] as Record<string, unknown>, path + key);
+    } else {
+      acc[path + key] = obj[key];
+    }
+  }
+  return acc;
+}
+
+export default class EuiI18n extends Service {
+  translations = {};
+  @action addTranslations(translations: Record<string, unknown>) {
+    // TODO: deep merge?
+    this.translations = {
+      ...this.translations,
+      ...flatten({}, translations)
+    };
+  }
+
+  get mapping() {
+    return this.translations;
+  }
+
+  @action
+  lookupToken(
+    token: string,
+    valueDefault: string | ((values: Record<string, unknown>) => string),
+    values?: Record<string, any>
+  ): string | string[] {
+    return this._lookupToken({
+      token,
+      valueDefault,
+      values
+    });
+  }
+
+  getTokenFromMapping(
+    token: LookupTokenOptions['token'],
+    valueDefault: LookupTokenOptions['valueDefault'],
+    i18nMapping: LookupTokenOptions['i18nMapping']
+  ) {
+    return (i18nMapping && i18nMapping[token]) || valueDefault;
+  }
+
+  @action
+  _lookupToken(options: LookupTokenOptions) {
+    const {
+      token,
+      i18nMapping = this.mapping,
+      valueDefault,
+      values = {}
+    } = options;
+
+    let renderable = this.getTokenFromMapping(token, valueDefault, i18nMapping);
+
+    if (typeof renderable === 'function') {
+      renderable = renderable(values);
+    }
+
+    const children = processStringToChildren(renderable, values);
+
+    return children as string;
+  }
+}
+
+declare module '@ember/service' {
+  interface Registry {
+    'eui-i18n': EuiI18n;
+  }
+}

package/addon/utils/markdown/markdown-unified-plugins.d.ts

@@ -6,22 +6,8 @@
  * Side Public License, v 1.
  */
 
-declare module 'remark-emoji' {
-  import { Plugin } from 'unified';
-  const RemarkEmoji: Plugin;
-  export = RemarkEmoji;
-}
-
 declare module 'remark-highlight.js' {
   import { Plugin } from 'unified';
   const RemarkHighlight: Plugin;
   export = RemarkHighlight;
 }
-
-declare module 'mdast-util-to-hast/lib/all' {
-  import { Node } from 'unist';
-  import { H } from 'mdast-util-to-hast';
-
-  const all: (h: H, node: Node) => Node[];
-  export = all;
-}

package/app/components/eui-super-date-picker/date-popover/absolute-tab.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/date-popover/absolute-tab';

package/app/components/eui-super-date-picker/date-popover/datetime-picker.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/date-popover/datetime-picker';

package/app/components/eui-super-date-picker/date-popover/eui-date-popover-button.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/date-popover/eui-date-popover-button';

package/app/components/eui-super-date-picker/date-popover/eui-date-popover-content.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/date-popover/eui-date-popover-content';

package/app/components/eui-super-date-picker/date-popover/now-tab.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/date-popover/now-tab';

package/app/components/eui-super-date-picker/date-popover/relative-tab.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/date-popover/relative-tab';

package/app/components/eui-super-date-picker/eui-date-picker-range.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/eui-date-picker-range';

package/app/components/eui-super-date-picker/eui-quick-select-popover/eui-commonly-used-time-ranges.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/eui-quick-select-popover/eui-commonly-used-time-ranges';

package/app/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select';

package/app/components/eui-super-date-picker/eui-quick-select-popover/eui-recently-used.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/eui-quick-select-popover/eui-recently-used';

package/app/components/eui-super-date-picker/eui-quick-select-popover/index.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/eui-quick-select-popover/index';

package/app/components/eui-super-date-picker/eui-super-update-button.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/eui-super-update-button';

package/app/components/eui-super-date-picker/index.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/components/eui-super-date-picker/index';

package/app/services/eui-i18n.js

@@ -0,0 +1 @@
+export { default } from '@ember-eui/core/services/eui-i18n';

package/docs/forms/super-date-picker/demo/d01-picker.md

@@ -0,0 +1,90 @@
+---
+order: 1
+---
+
+```hbs template
+<EuiText size="s">
+  EuiSuperDatePicker should be resilient to invalid date values. You can try to break it with unexpected values here.
+</EuiText>
+
+<EuiSpacer />
+
+<EuiFormControlLayoutDelimited>
+  <:prepend as |classes|>
+    <EuiFormLabel class={{classes}}>Dates</EuiFormLabel>
+  </:prepend>
+
+  <:startControl as |classes|>
+    <input
+      class={{concat classes " euiFieldText"}}
+      type="text"
+      placeholder="start"
+      value={{this.start}}
+      {{on "change" this.onStartInputChange}}
+    />
+  </:startControl>
+
+  <:endControl as |classes|>
+    <input
+      class={{concat classes " euiFieldText"}}
+      type="text"
+      placeholder="end"
+      value={{this.end}}
+      {{on "change" this.onEndInputChange}}
+    />
+  </:endControl>
+</EuiFormControlLayoutDelimited>
+
+<EuiSpacer />
+
+<EuiSuperDatePicker
+  @onTimeChange={{this.onTimeChange}}
+  @start={{this.start}}
+  @end={{this.end}}
+  @isLoading={{this.isLoading}}
+  @onRefresh={{this.onRefresh}}
+/>
+```
+
+```javascript component
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+export default class extends Component {
+  @tracked start = 'now-30m';
+  @tracked end = 'now';
+  @tracked isLoading = false;
+
+  @action onTimeChange({ start, end }) {
+    this.start = start;
+    this.end = end;
+    this.isLoading = true;
+    this.startLoading();
+  }
+
+  @action onRefresh({ start, end, refreshInterval }) {
+    return new Promise((resolve) => {
+      setTimeout(resolve, 100);
+    }).then(() => {
+      console.log(start, end, refreshInterval);
+    });
+  };
+
+  @action onStartInputChange(e) {
+    this.start = e.target.value;
+  };
+
+  @action onEndInputChange(e) {
+    this.end = e.target.value;
+  };
+
+  @action startLoading() {
+    setTimeout(this.stopLoading, 1000);
+  };
+
+  @action stopLoading() {
+    this.isLoading = false;
+  };
+}
+```

package/docs/forms/super-date-picker/index.md

@@ -0,0 +1,16 @@
+---
+title: Super date picker
+---
+
+<EuiSpacer/>
+<EuiPageHeader @pageTitle="Super date picker"/>
+
+<EuiSpacer />
+
+<EuiText>
+  <p>
+    <strong>EuiSuperDatePicker</strong> is a complex date picker that supports relative and absolute dates.
+    It offers a convenient <EuiIcon type="calendar" color="primary" /> <strong>Quick select menu</strong> which includes
+    <strong>Commonly used dates</strong>, <strong>Recently used date ranges</strong> and <strong>Auto refresh</strong> features.
+  </p>
+</EuiText>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ember-eui/core",
-  "version": "5.8.4",
+  "version": "5.10.0",
   "description": "Ember Components for Elastic UI",
   "keywords": [
     "ember-addon",
@@ -52,6 +52,7 @@
     ]
   },
   "dependencies": {
+    "@elastic/datemath": "^5.0.3",
     "@elastic/eui": "41.4.0",
     "@ember/render-modifiers": "^2.0.4",
     "@html-next/vertical-collection": "3.0.0",
@@ -94,7 +95,8 @@
   },
   "peerDependencies": {
     "ember-auto-import": "^2.2.4",
-    "ember-focus-trap": "^1.0.1"
+    "ember-focus-trap": "^1.0.1",
+    "moment": "^2.29.3"
   },
   "devDependencies": {
     "@ember/optional-features": "^2.0.0",
@@ -159,6 +161,7 @@
     "loader.js": "^4.7.0",
     "lodash-es": "^4.17.21",
     "mdast-util-to-hast": "^10.0.0",
+    "moment": "^2.29.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.5.1",
     "qunit": "^2.17.2",
@@ -182,5 +185,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "1ede8e1164b3d4443bdf549330581710dfc09b6f"
+  "gitHead": "f362b88c26b899191769be04f0a65e04eccc75ac"
 }

package/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
+    "skipLibCheck": true,
     "baseUrl": ".",
     "paths": {
       "dummy/tests/*": ["tests/*"],

package/addon/i18n/index.ts

@@ -1,8 +0,0 @@
-export interface I18nShape {
-  mapping: { [key: string]: string };
-}
-
-const i18n: I18nShape = {
-  mapping: {}
-};
-export { i18n };

package/app/i18n/index.js

@@ -1 +0,0 @@
-export * from '@ember-eui/core/i18n';

package/docs/templates/super-date-picker/demo/d01-update-button.md

@@ -1,10 +0,0 @@
----
-order: 1
----
-
-# Update button
-
-
-```hbs template
-<TodoText/>
-```

package/docs/templates/super-date-picker/demo/d02-quick-select-panels.md

@@ -1,10 +0,0 @@
----
-order: 2
----
-
-# Quick select panels
-
-
-```hbs template
-<TodoText/>
-```

package/docs/templates/super-date-picker/demo/d03-sizing.md

@@ -1,10 +0,0 @@
----
-order: 3
----
-
-# Sizing
-
-
-```hbs template
-<TodoText/>
-```

package/docs/templates/super-date-picker/demo/d04-auto-refresh.md

@@ -1,11 +0,0 @@
----
-order: 1
-4
----
-
-# Auto refresh
-
-
-```hbs template
-<TodoText/>
-```

package/docs/templates/super-date-picker/demo/d05-elastic-pattern-with-kql.md

@@ -1,10 +0,0 @@
----
-order: 5
----
-
-# Elastic pattern with KQL
-
-
-```hbs template
-<TodoText/>
-```

package/docs/templates/super-date-picker/index.md

@@ -1,12 +0,0 @@
----
-title: Super date picker
-disabled: true
-disabled_demos:
-  - d01-update-button
-  - d02-quick-select-panels
-  - d03-sizing
-  - d04-auto-refresh
-  - d05-elastic-pattern-with-kql
----
-<EuiSpacer/>
-<EuiPageHeader @pageTitle="Sitewide search"/>