@phatvu/web-component-poc 1.0.0

package/dist/types/types/jobs-list.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Minimal job shape for jobs-list-only-ui presentation.
+ * Compatible with IJob from career-sites-renderer for React integration.
+ */
+export interface JobLocationSummary {
+    city?: string;
+    state?: string;
+    stateAbbr?: string;
+    country?: string;
+    countryAbbr?: string;
+    street?: string;
+    streetAddress?: string;
+    address?: string;
+    distance?: number;
+    locationText?: string;
+    cityStateAbbr?: string;
+    [key: string]: unknown;
+}
+export interface JobCardExtraFieldSummary {
+    attribute_name?: string;
+    value: string | string[];
+    classname: string;
+}
+export interface JobSummary {
+    title?: string;
+    reference?: string;
+    originalURL?: string;
+    applyURL?: string;
+    brandName?: string;
+    locations?: JobLocationSummary[];
+    employmentType?: string[];
+    isRemote?: boolean;
+    jobCardExtraFields?: JobCardExtraFieldSummary[];
+    [key: string]: unknown;
+}
+export interface JobsListOnlyUIProps {
+    jobs?: JobSummary[];
+    loading?: boolean;
+    totalJob?: number;
+    noResultsLine1?: string;
+    noResultsLine2?: string;
+    applyButtonText?: string;
+    showBrand?: boolean;
+    showReference?: boolean;
+    showEmploymentType?: boolean;
+    streetFormat?: string;
+    multiLocationText?: string;
+    remoteLocationText?: string;
+    enableKilometers?: boolean;
+    classname?: string;
+    /** Suggestions block when no results and config enabled */
+    showSuggestions?: boolean;
+    clearResultSuggestionsTitleText?: string;
+    clearResultSuggestionsLine1?: string;
+    clearResultSuggestionsLine2?: string;
+    clearResultSuggestionsLine3?: string;
+    clearResultSuggestionsLine4?: string;
+}

package/dist/types/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function format(first?: string, middle?: string, last?: string): string;

package/dist/web-component-poc/fast-button.entry.js

@@ -0,0 +1,47 @@
+import { r as registerInstance, a as createEvent, h } from './index-B0WZf8UB.js';
+
+const buttonCss = () => `:host{display:inline-block}.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1rem;font-family:inherit;font-size:0.875rem;font-weight:500;line-height:1.25;border:none;border-radius:0.375rem;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease}.custom-button:focus{outline:2px solid var(--custom-button-focus-ring, #2563eb);outline-offset:2px}.custom-button:focus:not(:focus-visible){outline:none}.custom-button--primary{background-color:var(--custom-button-primary-bg, #2563eb);color:var(--custom-button-primary-color, #fff)}.custom-button--primary:hover:not(.custom-button--disabled){background-color:var(--custom-button-primary-hover-bg, #1d4ed8)}.custom-button--primary:active:not(.custom-button--disabled){background-color:var(--custom-button-primary-active-bg, #1e40af)}.custom-button--secondary{background-color:var(--custom-button-secondary-bg, #e5e7eb);color:var(--custom-button-secondary-color, #1f2937)}.custom-button--secondary:hover:not(.custom-button--disabled){background-color:var(--custom-button-secondary-hover-bg, #d1d5db)}.custom-button--secondary:active:not(.custom-button--disabled){background-color:var(--custom-button-secondary-active-bg, #9ca3af)}.custom-button--text{background-color:transparent;color:var(--custom-button-text-color, #2563eb)}.custom-button--text:hover:not(.custom-button--disabled){background-color:var(--custom-button-text-hover-bg, rgba(37, 99, 235, 0.08))}.custom-button--text:active:not(.custom-button--disabled){background-color:var(--custom-button-text-active-bg, rgba(37, 99, 235, 0.12))}.custom-button--disabled,.custom-button:disabled{opacity:0.6;cursor:not-allowed}`;
+
+const CustomButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.buttonClick = createEvent(this, "buttonClick", 7);
+    }
+    /**
+     * Visual variant of the button.
+     */
+    variant = 'primary';
+    /**
+     * Native button type (button or submit).
+     */
+    type = 'button';
+    /**
+     * When true, the button is disabled and does not emit events.
+     */
+    disabled = false;
+    /**
+     * Emitted when the button is clicked (not emitted when disabled).
+     */
+    buttonClick;
+    handleClick = (e) => {
+        if (this.disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        this.buttonClick.emit(e);
+    };
+    render() {
+        return (h("button", { key: 'b373f44e11e651d0371ce3cade98b4650ccdd727', type: this.type, class: {
+                'custom-button': true,
+                [`custom-button--${this.variant}`]: true,
+                'custom-button--disabled': this.disabled,
+            }, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: '2a046bc70af051c04f4549def87dac7044b41e04' })));
+    }
+};
+CustomButton.style = buttonCss();
+
+export { CustomButton as fast_button };
+//# sourceMappingURL=fast-button.entry.esm.js.map
+
+//# sourceMappingURL=fast-button.entry.js.map

package/dist/web-component-poc/fast-button.entry.js.map

@@ -0,0 +1 @@
+{"file":"fast-button.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,qqDAAqqD,CAAC;;MCUlrD,YAAY,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,OAAO,GAAkB,SAAS;AAE1C;;AAEG;IACK,IAAI,GAAe,QAAQ;AAEnC;;AAEG;IACK,QAAQ,GAAG,KAAK;AAExB;;AAEG;AACM,IAAA,WAAW;AAEZ,IAAA,WAAW,GAAG,CAAC,CAAa,KAAI;AACtC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE;YACnB;;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,+DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;gBACxC,yBAAyB,EAAE,IAAI,CAAC,QAAQ;aACzC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACD;;;;;;;","names":[],"sources":["src/components/button/button.css?tag=fast-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.custom-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 1rem;\n  font-family: inherit;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.25;\n  border: none;\n  border-radius: 0.375rem;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.custom-button:focus {\n  outline: 2px solid var(--custom-button-focus-ring, #2563eb);\n  outline-offset: 2px;\n}\n\n.custom-button:focus:not(:focus-visible) {\n  outline: none;\n}\n\n/* Primary */\n.custom-button--primary {\n  background-color: var(--custom-button-primary-bg, #2563eb);\n  color: var(--custom-button-primary-color, #fff);\n}\n\n.custom-button--primary:hover:not(.custom-button--disabled) {\n  background-color: var(--custom-button-primary-hover-bg, #1d4ed8);\n}\n\n.custom-button--primary:active:not(.custom-button--disabled) {\n  background-color: var(--custom-button-primary-active-bg, #1e40af);\n}\n\n/* Secondary */\n.custom-button--secondary {\n  background-color: var(--custom-button-secondary-bg, #e5e7eb);\n  color: var(--custom-button-secondary-color, #1f2937);\n}\n\n.custom-button--secondary:hover:not(.custom-button--disabled) {\n  background-color: var(--custom-button-secondary-hover-bg, #d1d5db);\n}\n\n.custom-button--secondary:active:not(.custom-button--disabled) {\n  background-color: var(--custom-button-secondary-active-bg, #9ca3af);\n}\n\n/* Text */\n.custom-button--text {\n  background-color: transparent;\n  color: var(--custom-button-text-color, #2563eb);\n}\n\n.custom-button--text:hover:not(.custom-button--disabled) {\n  background-color: var(--custom-button-text-hover-bg, rgba(37, 99, 235, 0.08));\n}\n\n.custom-button--text:active:not(.custom-button--disabled) {\n  background-color: var(--custom-button-text-active-bg, rgba(37, 99, 235, 0.12));\n}\n\n/* Disabled */\n.custom-button--disabled,\n.custom-button:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'text';\nexport type ButtonType = 'button' | 'submit';\n\n@Component({\n  tag: 'fast-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class CustomButton {\n  /**\n   * Visual variant of the button.\n   */\n  @Prop() variant: ButtonVariant = 'primary';\n\n  /**\n   * Native button type (button or submit).\n   */\n  @Prop() type: ButtonType = 'button';\n\n  /**\n   * When true, the button is disabled and does not emit events.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Emitted when the button is clicked (not emitted when disabled).\n   */\n  @Event() buttonClick: EventEmitter<MouseEvent>;\n\n  private handleClick = (e: MouseEvent) => {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    this.buttonClick.emit(e);\n  };\n\n  render() {\n    return (\n      <button\n        type={this.type}\n        class={{\n          'custom-button': true,\n          [`custom-button--${this.variant}`]: true,\n          'custom-button--disabled': this.disabled,\n        }}\n        disabled={this.disabled}\n        onClick={this.handleClick}\n      >\n        <slot />\n      </button>\n    );\n  }\n}\n"],"version":3}