@gravitee/ui-particles-angular 7.29.3 → 7.31.0-form-cron-a842318

package/lib/gio-form-cron/gio-form-cron.adapter.d.ts

@@ -0,0 +1,18 @@
+export interface CronDisplay {
+    mode: CronDisplayMode;
+    secondInterval?: number;
+    minuteInterval?: number;
+    hourInterval?: number;
+    dayInterval?: number;
+    dayOfWeek?: number;
+    dayOfMonth?: number;
+    customExpression?: string;
+    hours?: number;
+    minutes?: number;
+}
+export declare const CRON_DISPLAY_MODES: readonly ["second", "minute", "hour", "day", "week", "month", "custom"];
+export declare type CronDisplayMode = (typeof CRON_DISPLAY_MODES)[number];
+export declare const getDefaultCronDisplay: (mode: CronDisplayMode) => CronDisplay;
+export declare const parseCronExpression: (cronExpression: string) => CronDisplay;
+export declare const toCronExpression: (cronDisplay: Omit<CronDisplay, 'cronDescription'>) => string;
+export declare const toCronDescription: (cronExpression: string) => string;

package/lib/gio-form-cron/gio-form-cron.component.d.ts

@@ -0,0 +1,32 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormGroup, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class GioFormCronComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    readonly ngControl: NgControl;
+    private readonly elRef;
+    private readonly fm;
+    _onChange: (value: string | null) => void;
+    _onTouched: () => void;
+    seconds: number[];
+    minutes: number[];
+    hours: number[];
+    daysOfMonth: number[];
+    daysOfWeek: string[];
+    internalFormGroup?: FormGroup;
+    value?: string;
+    private touched;
+    private focused;
+    private defaultMode;
+    private cronDisplay;
+    private unsubscribe$;
+    constructor(ngControl: NgControl, elRef: ElementRef, fm: FocusMonitor);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private refreshInternalForm;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronComponent, [{ optional: true; self: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormCronComponent, "gio-form-cron", never, {}, {}, never, never>;
+}

package/lib/gio-form-cron/gio-form-cron.harness.d.ts

@@ -0,0 +1,14 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+export declare type GioFormCronHarnessFilters = BaseHarnessFilters;
+export declare class GioFormCronHarness extends ComponentHarness {
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for this harness.
+     *
+     * @param options Options for filtering which input instances are considered a match.
+     * @return a `HarnessPredicate` configured with the given options.
+     */
+    static with(options?: GioFormCronHarnessFilters): HarnessPredicate<GioFormCronHarness>;
+    getMode(): Promise<string>;
+    getValue(): Promise<string | null>;
+}

package/lib/gio-form-cron/gio-form-cron.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./gio-form-cron.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/button-toggle";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/select";
+import * as i7 from "@angular/material/input";
+export declare class GioFormCronModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GioFormCronModule, [typeof i1.GioFormCronComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonToggleModule, typeof i5.MatFormFieldModule, typeof i6.MatSelectModule, typeof i7.MatInputModule], [typeof i1.GioFormCronComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GioFormCronModule>;
+}

package/lib/public-api.d.ts

@@ -54,3 +54,6 @@ export * from './gio-license/gio-license.directive';
 export * from './gio-license/gio-license-dialog/gio-license-dialog.module';
 export * from './gio-license/gio-license-dialog/gio-license-dialog.component';
 export * from './gio-license/gio-license.testing.module';
+export * from './gio-form-cron/gio-form-cron.component';
+export * from './gio-form-cron/gio-form-cron.module';
+export * from './gio-form-cron/gio-form-cron.harness';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "7.29.3",
+  "version": "7.31.0-form-cron-a842318",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",
@@ -11,6 +11,7 @@
     "@fontsource/fira-mono": "4.5.0",
     "@fontsource/golos-ui": "^4.5.1",
     "@fontsource/material-icons": "4.5.1",
+    "cronstrue": "^2.32.0",
     "tslib": "2.3.1"
   },
   "peerDependencies": {

package/src/{scss/component → lib}/gio-badge/gio-badge.scss

@@ -16,8 +16,8 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
 
-@use '../../gio-mat-palettes.scss' as palettes;
-@use '../../gio-mat-theme-variable' as theme;
+@use '../../scss/gio-mat-palettes.scss' as palettes;
+@use '../../scss/gio-mat-theme-variable' as theme;
 
 /**
  * Gravitee.io version of bootstrap "badge" element

package/src/lib/gio-button-toggle-group/gio-button-toggle-group.scss

@@ -0,0 +1,54 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../../scss/gio-mat-palettes' as palettes;
+@use '../../scss/gio-mat-theme-variable' as theme;
+
+$typography: map.get(theme.$mat-theme, typography);
+
+@mixin gio-button-toggle-group {
+  width: fit-content;
+  height: 44px;
+  padding: 4px;
+  border: solid 1px mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+  margin-bottom: 16px;
+
+  .mat-button-toggle {
+    @include mat.typography-level($typography, body-2);
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    border-radius: 4px;
+  }
+
+  .mat-button-toggle.mat-button-toggle-checked {
+    background-color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'darker20');
+    color: mat.get-color-from-palette(palettes.$mat-accent-palette, default-contrast);
+  }
+
+  .mat-button-toggle.mat-button-toggle + .mat-button-toggle {
+    border: none;
+    margin-left: 8px;
+  }
+}
+
+@mixin theme() {
+  .gio-button-toggle-group {
+    @include gio-button-toggle-group;
+  }
+}

package/src/{scss/component → lib}/gio-caption-2/gio-caption-2.scss

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@use '../../theme/typography/gio-typography' as typo;
+@use '../../scss/theme/typography/gio-typography' as typo;
 
 @mixin theme() {
   .gio-caption-2,

package/src/{scss/component → lib}/gio-code/gio-code.scss

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@use '../../theme/typography/gio-typography' as typo;
+@use '../../scss/theme/typography/gio-typography' as typo;
 
 @mixin theme() {
   code,

package/src/{scss/component → lib}/gio-link/gio-link.scss

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@use '../../theme/typography/gio-typography' as typo;
+@use '../../scss/theme/typography/gio-typography' as typo;
 
 @mixin theme() {
   a {

package/src/{scss/component → lib}/gio-method-badge/gio-method-badge.scss

@@ -16,8 +16,8 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
 
-@use '../../gio-mat-palettes.scss' as palettes;
-@use '../../gio-mat-theme-variable' as theme;
+@use '../../scss/gio-mat-palettes.scss' as palettes;
+@use '../../scss/gio-mat-theme-variable' as theme;
 
 /**
  * Gravitee.io version of bootstrap "badge" element dedicated to HTTP verbs

package/src/{scss/gio-components.scss → lib/gio-scss-components.scss}

@@ -13,14 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@use './component/gio-badge/gio-badge';
-@use './component/gio-method-badge/gio-method-badge';
-@use './component/gio-code/gio-code';
-@use './component/gio-table-light/gio-table-light';
-@use './component/gio-link/gio-link';
-@use './component/gio-caption-2/gio-caption-2';
+@use './gio-badge/gio-badge';
+@use './gio-method-badge/gio-method-badge';
+@use './gio-code/gio-code';
+@use './gio-table-light/gio-table-light';
+@use './gio-link/gio-link';
+@use './gio-caption-2/gio-caption-2';
+@use './gio-button-toggle-group/gio-button-toggle-group';
 
-// All Gravitee.io SCSS components
+// All Gravitee.io SCSS components to add globally in main.scss
 @mixin all-components() {
   @include gio-badge.theme;
   @include gio-method-badge.theme;
@@ -28,4 +29,5 @@
   @include gio-table-light.theme;
   @include gio-link.theme;
   @include gio-caption-2.theme;
+  @include gio-button-toggle-group.theme;
 }

package/src/{scss/component → lib}/gio-table-light/gio-table-light.scss

@@ -16,8 +16,8 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
 
-@use '../../gio-mat-palettes.scss' as palettes;
-@use '../../gio-mat-theme-variable' as theme;
+@use '../../scss/gio-mat-palettes.scss' as palettes;
+@use '../../scss/gio-mat-theme-variable' as theme;
 
 $background: map.get(theme.$mat-theme, background);
 $typography: map.get(theme.$mat-theme, typography);

package/src/lib/public-api.scss

@@ -0,0 +1,19 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Forwards mixins to use in scss files
+
+@forward './gio-button-toggle-group/gio-button-toggle-group' show gio-button-toggle-group;

package/src/scss/index.scss

@@ -25,4 +25,6 @@
 
 @forward './gio-mat-theme' show mat-theme;
 
-@forward './gio-components' show all-components;
+@forward '../lib/public-api';
+
+@forward '../lib/gio-scss-components' show all-components;