@equinor/fusion-react-context-selector 1.0.0 → 1.0.2

package/dist/stories/context-selector.helpers.d.ts

@@ -0,0 +1,8 @@
+import { ContextResolver, ContextSelectEvent } from '..';
+/**
+ * Example resolver passed to provider.
+ * @type ContextResolver
+ * */
+export declare const _exampleResolver: ContextResolver;
+export declare const _handleSelect: (e: ContextSelectEvent) => void;
+//# sourceMappingURL=context-selector.helpers.d.ts.map

package/dist/stories/context-selector.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-selector.helpers.d.ts","sourceRoot":"","sources":["../../src/stories/context-selector.helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,eAAe,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAoF3F;;;KAGK;AACL,eAAO,MAAM,gBAAgB,EAAE,eAmC9B,CAAC;AAGF,eAAO,MAAM,aAAa,MAAO,kBAAkB,SAIlD,CAAC"}

package/dist/stories/context-selector.helpers.js

@@ -0,0 +1,126 @@
+/**
+ * Helper for generating a single ContextResultItem
+ */
+const singleItem = (props) => {
+    return Object.assign({ id: '0', title: 'Dummy title' }, props);
+};
+/**
+ * Example contextResult with sections
+ */
+/*  */
+const contextResultSectioned = [
+    // eslint-disable-next-line prettier/prettier
+    { "id": "section-001", "title": "Apps prod", "type": "section", "children": [
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c13c", "title": "Johan prod", "subTitle": "An App from Fusion", "graphic": "settings" },
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c13d", "title": "Johan2 prod", "subTitle": "An App from Fusion", "graphic": "settings" },
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c13e", "title": "Johan3 prod", "subTitle": "An App from Fusion", "graphic": "settings" },
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c13f", "title": "Johan4 prod", "subTitle": "An App from Fusion", "graphic": "settings" }
+        ]
+    },
+    // eslint-disable-next-line prettier/prettier
+    { "id": "section-002", "title": "Projects prod", "type": "section", "children": [
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c14a", "title": "Project1 prod", "subTitle": "A Fusion context", "graphic": "settings" },
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c14b", "title": "Project2 prod", "subTitle": "A Fusion context", "graphic": "settings" },
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c14c", "title": "Project3 prod", "subTitle": "A Fusion context", "graphic": "settings" },
+            // eslint-disable-next-line prettier/prettier
+            { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c14d", "title": "Project4 prod", "subTitle": "A Fusion context", "graphic": "settings" }
+        ]
+    },
+    // eslint-disable-next-line prettier/prettier
+    { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c15a", "title": "Unsectioned prod", "subTitle": "Some random item" },
+    // eslint-disable-next-line prettier/prettier
+    { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c15b", "title": "Unsectioned2 prod", "subTitle": "Some random item" },
+    // eslint-disable-next-line prettier/prettier
+    { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c15c", "title": "Unsectioned3 prod", "subTitle": "Some random item" },
+    // eslint-disable-next-line prettier/prettier
+    { "id": "8aa0d62f-21d4-4933-a1e1-823a8de7c15d", "title": "Unsectioned4 prod", "subTitle": "Some random item" }
+];
+/**
+ * Callback for resolvers searchQuery method.
+ * Takes the query string to search for and return matching ContextResult.
+ * @param query string to search for in api
+ * @returns ContextResult
+ */
+const apiItems = (query) => {
+    /* min length */
+    const min = 2;
+    const matched = [];
+    /* Query string is to short */
+    if (!query || query.length < min) {
+        matched.push(singleItem({ title: `Need ${min - query.length} more chars`, isDisabled: true }));
+        return matched;
+    }
+    /* find matching items  */
+    for (const item of contextResultSectioned) {
+        const entry = { ...item };
+        /* Match against children in sections */
+        if (entry.type === 'section' && entry.children?.length) {
+            entry.children = entry.children.filter((i) => i.title && i.title.toLowerCase().indexOf(query) > -1);
+            if (entry.children.length) {
+                matched.push(entry);
+            }
+        }
+        else if (entry.title && entry.title.toLowerCase().indexOf(query) > -1) {
+            matched.push(entry);
+        }
+    }
+    if (!matched.length) {
+        matched.push(singleItem({ title: 'No matches...', isDisabled: true }));
+    }
+    return matched;
+};
+/**
+ * Example resolver passed to provider.
+ * @type ContextResolver
+ * */
+export const _exampleResolver = {
+    searchQuery: async (query) => {
+        try {
+            return apiItems(query);
+        }
+        catch (e) {
+            return [singleItem({ title: 'API Error', isDisabled: true, isError: true })];
+        }
+    },
+    initialResult: [
+        singleItem({
+            id: 'ctx-123',
+            title: 'Context',
+            type: 'section',
+            children: [
+                singleItem({ id: '456', title: 'Context 1', subTitle: 'ContextType', graphic: 'list' }),
+                singleItem({ id: '654', title: 'Context 2', subTitle: 'ContextType', graphic: 'list' }),
+                singleItem({ id: '789', title: 'Context 3', subTitle: 'ContextType', graphic: 'list' }),
+                singleItem({ id: '321', title: 'Context 4', subTitle: 'ContextType', graphic: 'list' }),
+            ],
+        }),
+        singleItem({
+            id: 'fav-123',
+            title: 'Favourites',
+            type: 'section',
+            children: [
+                singleItem({ id: '456456', title: 'Favourite 1', subTitle: 'Favourite', meta: 'check' }),
+                singleItem({ id: '654654', title: 'Favourite 2', subTitle: 'Favourite', meta: 'check' }),
+                singleItem({ id: '789789', title: 'Favourite 3', subTitle: 'Favourite', meta: 'check' }),
+                singleItem({ id: '321321', title: 'Favourite 4', subTitle: 'Favourite', meta: 'check' }),
+            ],
+        }),
+    ],
+    closeHandler: (e) => {
+        console.log('Resolver closeHandler event.', e);
+    },
+};
+/* Listen to Select events on list items */
+export const _handleSelect = (e) => {
+    /* no need to bubble further up the dom */
+    e.stopPropagation();
+    console.log('Event', e.type, 'fired. Object:', e);
+};
+//# sourceMappingURL=context-selector.helpers.js.map

package/dist/stories/context-selector.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-selector.helpers.js","sourceRoot":"","sources":["../../src/stories/context-selector.helpers.tsx"],"names":[],"mappings":"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"}

package/dist/stories/context-selector.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ContextSearchProps } from '..';
+declare const meta: Meta<ContextSearchProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ContextHeader: Story;
+//# sourceMappingURL=context-selector.stories.d.ts.map

package/dist/stories/context-selector.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-selector.stories.d.ts","sourceRoot":"","sources":["../../src/stories/context-selector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAmD,kBAAkB,EAAsB,MAAM,IAAI,CAAC;AAG7G,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAGlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC"}

package/dist/stories/context-selector.stories.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContextProvider, ContextSelector, ContextSearch } from '..';
+// import { _exampleResolver } from './context-selector.helpers';
+const meta = {
+    title: 'data/ContextSelector',
+    component: ContextSelector,
+};
+export default meta;
+export const ContextHeader = {
+    args: {
+        placeholder: 'Start to type to search...',
+        initialText: 'The initial text result',
+        variant: 'header',
+        dropdownHeight: '300px',
+        onSelect: (e) => {
+            e.stopPropagation();
+            console.log('Event', e.type, 'fired. Object:', e);
+        },
+        onClearContext: () => {
+            console.log('Context Clearing');
+        },
+    },
+    render: (args) => (_jsx(ContextProvider, { children: _jsx(ContextSearch, { ...args }) })),
+};
+//# sourceMappingURL=context-selector.stories.js.map

package/dist/stories/context-selector.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-selector.stories.js","sourceRoot":"","sources":["../../src/stories/context-selector.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAA0C,MAAM,IAAI,CAAC;AAC7G,iEAAiE;AAEjE,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,WAAW,EAAE,4BAA4B;QACzC,WAAW,EAAE,yBAAyB;QACtC,OAAO,EAAE,QAAQ;QACjB,cAAc,EAAE,OAAO;QACvB,QAAQ,EAAE,CAAC,CAAqB,EAAE,EAAE;YAClC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;QACpD,CAAC;QACD,cAAc,EAAE,GAAG,EAAE;YACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAClC,CAAC;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,KAAC,eAAe,cACd,KAAC,aAAa,OAAK,IAAI,GAAI,GACX,CACnB;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-context-selector",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React component for context selector",
   "keywords": [
     "contextselector",
@@ -31,11 +31,11 @@
     "url": "https://github.com/equinor/fusion-react-components/issues"
   },
   "dependencies": {
-    "@equinor/fusion-wc-icon": "^2.3.0",
-    "@equinor/fusion-wc-searchable-dropdown": "^4.0.0",
-    "@equinor/fusion-react-searchable-dropdown": "^1.0.0",
-    "@equinor/fusion-react-utils": "^2.2.0",
-    "@equinor/fusion-react-styles": "^0.6.2"
+    "@equinor/fusion-wc-icon": "^2.3.1",
+    "@equinor/fusion-wc-searchable-dropdown": "^4.0.2",
+    "@equinor/fusion-react-searchable-dropdown": "^1.0.2",
+    "@equinor/fusion-react-styles": "^0.6.3",
+    "@equinor/fusion-react-utils": "^2.2.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.24",