@reuters-graphics/graphics-components 0.1.1 → 0.1.2

package/dist/@types/components/SearchInput/SearchInput.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        /**
+           * The placeholder text that appears in the search box.
+           * @type {string}
+           */ searchPlaceholder?: string;
+    };
+    events: {
+        search: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type SearchInputProps = typeof __propDef.props;
+export declare type SearchInputEvents = typeof __propDef.events;
+export declare type SearchInputSlots = typeof __propDef.slots;
+/** `SearchInput` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SearchInput--default) */
+export default class SearchInput extends SvelteComponentTyped<SearchInputProps, SearchInputEvents, SearchInputSlots> {
+}
+export {};

package/dist/@types/index.d.ts

@@ -20,6 +20,7 @@ export { default as ReferralBlock } from "./components/ReferralBlock/ReferralBlo
 export { default as ReutersGraphicsLogo } from "./components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte";
 export { default as ReutersLogo } from "./components/ReutersLogo/ReutersLogo.svelte";
 export { default as Scroller } from "./components/Scroller/Scroller.svelte";
+export { default as SearchInput } from "./components/SearchInput/SearchInput.svelte";
 export { default as SEO } from "./components/SEO/SEO.svelte";
 export { default as Sharer } from "./components/Sharer/Sharer.svelte";
 export { default as SimpleTimeline } from "./components/SimpleTimeline/SimpleTimeline.svelte";

package/dist/components/{Table/Search.svelte → SearchInput/SearchInput.svelte}

@@ -1,3 +1,4 @@
+<!-- @component `SearchInput` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SearchInput--default) -->
 <script>import { createEventDispatcher } from 'svelte';
 import MagnifyingGlass from './MagnifyingGlass.svelte';
 import X from './X.svelte';
@@ -5,7 +6,7 @@ import X from './X.svelte';
  * The placeholder text that appears in the search box.
  * @type {string}
  */
-export let searchPlaceholder = 'Search in table';
+export let searchPlaceholder = 'Search...';
 let value = '';
 $: active = value !== '';
 const dispatch = createEventDispatcher();

package/dist/components/Table/Table.svelte

@@ -100,7 +100,7 @@ export let cls = '';
 /** Import local helpers */
 import Block from '../Block/Block.svelte';
 import Pagination from './Pagination.svelte';
-import Search from './Search.svelte';
+import SearchInput from '../SearchInput/SearchInput.svelte';
 import Select from './Select.svelte';
 import SortArrow from './SortArrow.svelte';
 import { filterArray, paginateArray, getOptions } from './utils.js';
@@ -198,7 +198,7 @@ onMount(() => {
             {/if}
             {#if searchable}
               <div class="table--header--search">
-                <Search
+                <SearchInput
                   bind:searchPlaceholder
                   on:search="{handleSearchInput}"
                 />

package/dist/index.js

@@ -22,6 +22,7 @@ export { default as ReferralBlock } from './components/ReferralBlock/ReferralBlo
 export { default as ReutersGraphicsLogo } from './components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte';
 export { default as ReutersLogo } from './components/ReutersLogo/ReutersLogo.svelte';
 export { default as Scroller } from './components/Scroller/Scroller.svelte';
+export { default as SearchInput } from './components/SearchInput/SearchInput.svelte';
 export { default as SEO } from './components/SEO/SEO.svelte';
 export { default as Sharer } from './components/Sharer/Sharer.svelte';
 export { default as SimpleTimeline } from './components/SimpleTimeline/SimpleTimeline.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",
@@ -143,6 +143,9 @@
     "./components/Scroller/Foreground.svelte": "./dist/components/Scroller/Foreground.svelte",
     "./components/Scroller/Scroller.svelte": "./dist/components/Scroller/Scroller.svelte",
     "./components/Scroller/docProps.ts": "./dist/components/Scroller/docProps.ts",
+    "./components/SearchInput/MagnifyingGlass.svelte": "./dist/components/SearchInput/MagnifyingGlass.svelte",
+    "./components/SearchInput/SearchInput.svelte": "./dist/components/SearchInput/SearchInput.svelte",
+    "./components/SearchInput/X.svelte": "./dist/components/SearchInput/X.svelte",
     "./components/Sharer/Sharer.svelte": "./dist/components/Sharer/Sharer.svelte",
     "./components/Sharer/utils/copyToClipboard": "./dist/components/Sharer/utils/copyToClipboard.js",
     "./components/Sharer/utils/facebook": "./dist/components/Sharer/utils/facebook.js",
@@ -188,14 +191,11 @@
     "./components/SiteHeadline/SiteHeadline.svelte": "./dist/components/SiteHeadline/SiteHeadline.svelte",
     "./components/Spinner/Spinner.svelte": "./dist/components/Spinner/Spinner.svelte",
     "./components/Table/LeftArrow.svelte": "./dist/components/Table/LeftArrow.svelte",
-    "./components/Table/MagnifyingGlass.svelte": "./dist/components/Table/MagnifyingGlass.svelte",
     "./components/Table/Pagination.svelte": "./dist/components/Table/Pagination.svelte",
     "./components/Table/RightArrow.svelte": "./dist/components/Table/RightArrow.svelte",
-    "./components/Table/Search.svelte": "./dist/components/Table/Search.svelte",
     "./components/Table/Select.svelte": "./dist/components/Table/Select.svelte",
     "./components/Table/SortArrow.svelte": "./dist/components/Table/SortArrow.svelte",
     "./components/Table/Table.svelte": "./dist/components/Table/Table.svelte",
-    "./components/Table/X.svelte": "./dist/components/Table/X.svelte",
     "./components/Table/utils": "./dist/components/Table/utils.js",
     "./components/Theme/@types/component.ts": "./dist/components/Theme/@types/component.ts",
     "./components/Theme/Theme.svelte": "./dist/components/Theme/Theme.svelte",

package/dist/@types/components/Table/Search.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        /**
-           * The placeholder text that appears in the search box.
-           * @type {string}
-           */ searchPlaceholder?: string;
-    };
-    events: {
-        search: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type SearchProps = typeof __propDef.props;
-export declare type SearchEvents = typeof __propDef.events;
-export declare type SearchSlots = typeof __propDef.slots;
-export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {
-}
-export {};