@genesislcap/rapid-design-system 14.176.1-alpha-6ef4895.0 → 14.177.0

package/dist/custom-elements.json

@@ -18401,40 +18401,42 @@
           "name": "Primary",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, disabled, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <rapid-multiselect\n        name=\"${name}\"\n        .options=\"${countries}\"\n        search=\"${search}\"\n        disabled=\"${disabled}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </rapid-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Multiselect',\n    search: true,\n    disabled: false,\n    countries: countriesList,\n    autoPosition: true,\n    creatable: false,\n  },\n}"
+          }
         },
         {
           "kind": "variable",
           "name": "Disabled",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, disabled, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <rapid-multiselect\n        name=\"${name}\"\n        .options=\"${countries}\"\n        search=\"${search}\"\n        disabled=\"${disabled}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </rapid-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Disabled',\n    search: true,\n    countries: countriesList,\n    disabled: true,\n    autoPosition: true,\n    creatable: false,\n  },\n}"
+          }
         },
         {
           "kind": "variable",
           "name": "DisabledOptions",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <rapid-multiselect\n        name=\"${name}\"\n        .options=\"${countries}\"\n        search=\"${search}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </rapid-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Disabled Options',\n    search: true,\n    countries: disabledCountriesExample,\n    creatable: false,\n  },\n}"
+          }
         },
         {
           "kind": "variable",
           "name": "AutoPosition",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, autoPosition, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <rapid-multiselect\n        name=\"${name}\"\n        .options=\"${countries}\"\n        auto-position=\"${autoPosition}\"\n        search=\"${search}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </rapid-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Disabled Auto Position',\n    search: true,\n    countries: disabledCountriesExample,\n    autoPosition: false,\n    creatable: false,\n  },\n}"
+          }
         },
         {
           "kind": "variable",
           "name": "Creatable",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, autoPosition, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <rapid-multiselect\n        name=\"${name}\"\n        .options=\"${countries}\"\n        auto-position=\"${autoPosition}\"\n        search=\"${search}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </rapid-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Creatable',\n    search: true,\n    countries: disabledCountriesExample,\n    autoPosition: false,\n    creatable: true,\n  },\n}"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "ContainsSearch",
+          "type": {
+            "text": "StoryObj"
+          }
         }
       ],
       "exports": [
@@ -18485,6 +18487,14 @@
             "name": "Creatable",
             "module": "src/multiselect/multiselect.stories.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "ContainsSearch",
+          "declaration": {
+            "name": "ContainsSearch",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
         }
       ]
     },
@@ -18594,6 +18604,19 @@
                 "name": "Multiselect",
                 "module": "src/multiselect/multiselect.ts"
               }
+            },
+            {
+              "name": "filter-by-contains",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check",
+              "fieldName": "filterByContains",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
             }
           ],
           "members": [
@@ -18705,6 +18728,19 @@
                 "module": "src/multiselect/multiselect.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "filterByContains",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "debounceChanged",

package/dist/dts/multiselect/multiselect.stories.d.ts

@@ -6,4 +6,5 @@ export declare const Disabled: StoryObj;
 export declare const DisabledOptions: StoryObj;
 export declare const AutoPosition: StoryObj;
 export declare const Creatable: StoryObj;
+export declare const ContainsSearch: StoryObj;
 //# sourceMappingURL=multiselect.stories.d.ts.map

package/dist/dts/multiselect/multiselect.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqGpB,eAAO,MAAM,OAAO,EAAE,QAuBrB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,QAuBtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,QAoB7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAsB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAsBvB,CAAC"}
+{"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA0IpB,eAAO,MAAM,OAAO,EAAE,QAA6C,CAAC;AACpE,eAAO,MAAM,QAAQ,EAAE,QAA0D,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,QAG5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,QAIzB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,QAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,QAG3B,CAAC"}

package/dist/esm/multiselect/multiselect.stories.js

@@ -101,118 +101,42 @@ const disabledCountriesExample = [
         disabled: false,
     },
 ];
-export const Primary = {
-    render: ({ name, text, countries, search, disabled, creatable }) => html `
-    <div style="min-height: 400px;">
-      <rapid-multiselect
-        name="${name}"
-        .options="${countries}"
-        search="${search}"
-        disabled="${disabled}"
-        creatable="${creatable}"
-      >
-        <label slot="label">${text}</label>
-      </rapid-multiselect>
-    </div>
-  `,
-    args: {
-        name: 'Countries',
-        text: 'Multiselect',
-        search: true,
-        disabled: false,
-        countries: countriesList,
-        autoPosition: true,
-        creatable: false,
-    },
-};
-export const Disabled = {
-    render: ({ name, text, countries, search, disabled, creatable }) => html `
-    <div style="min-height: 400px;">
-      <rapid-multiselect
-        name="${name}"
-        .options="${countries}"
-        search="${search}"
-        disabled="${disabled}"
-        creatable="${creatable}"
-      >
-        <label slot="label">${text}</label>
-      </rapid-multiselect>
-    </div>
-  `,
-    args: {
-        name: 'Countries',
-        text: 'Disabled',
-        search: true,
-        countries: countriesList,
-        disabled: true,
-        autoPosition: true,
-        creatable: false,
-    },
-};
-export const DisabledOptions = {
-    render: ({ name, text, countries, search, creatable }) => html `
-    <div style="min-height: 400px;">
-      <rapid-multiselect
-        name="${name}"
-        .options="${countries}"
-        search="${search}"
-        creatable="${creatable}"
-      >
-        <label slot="label">${text}</label>
-      </rapid-multiselect>
-    </div>
-  `,
-    args: {
-        name: 'Countries',
-        text: 'Disabled Options',
-        search: true,
-        countries: disabledCountriesExample,
-        creatable: false,
-    },
-};
-export const AutoPosition = {
-    render: ({ name, text, countries, search, autoPosition, creatable }) => html `
-    <div style="min-height: 400px;">
-      <rapid-multiselect
-        name="${name}"
-        .options="${countries}"
-        auto-position="${autoPosition}"
-        search="${search}"
-        creatable="${creatable}"
-      >
-        <label slot="label">${text}</label>
-      </rapid-multiselect>
-    </div>
-  `,
-    args: {
-        name: 'Countries',
-        text: 'Disabled Auto Position',
-        search: true,
-        countries: disabledCountriesExample,
-        autoPosition: false,
-        creatable: false,
-    },
-};
-export const Creatable = {
-    render: ({ name, text, countries, search, autoPosition, creatable }) => html `
+const makeStory = (args) => ({
+    render: ({ name, text, countries, search, disabled, creatable, autoPosition, filterByContains, }) => html `
     <div style="min-height: 400px;">
       <rapid-multiselect
         name="${name}"
         .options="${countries}"
         auto-position="${autoPosition}"
         search="${search}"
+        disabled="${disabled}"
         creatable="${creatable}"
+        filter-by-contains="${filterByContains}"
       >
         <label slot="label">${text}</label>
       </rapid-multiselect>
     </div>
   `,
-    args: {
-        name: 'Countries',
-        text: 'Creatable',
-        search: true,
-        countries: disabledCountriesExample,
-        autoPosition: false,
-        creatable: true,
-    },
-};
+    args: Object.assign({ name: 'Countries', search: true, disabled: false, countries: countriesList, autoPosition: true, creatable: false, filterByContains: false }, args),
+});
+export const Primary = makeStory({ text: 'MultiSelect' });
+export const Disabled = makeStory({ text: 'Disabled', disabled: true });
+export const DisabledOptions = makeStory({
+    text: 'Disabled Options',
+    countries: disabledCountriesExample,
+});
+export const AutoPosition = makeStory({
+    text: 'Disabled Auto Position',
+    countries: disabledCountriesExample,
+    autoPosition: false,
+});
+export const Creatable = makeStory({
+    text: 'Creatable',
+    countries: disabledCountriesExample,
+    autoPosition: false,
+    creatable: true,
+});
+export const ContainsSearch = makeStory({
+    text: 'Search By Contains',
+    filterByContains: true,
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.176.1-alpha-6ef4895.0",
+  "version": "14.177.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -29,12 +29,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
-    "@genesislcap/genx": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/rollup-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/ts-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/uvu-playwright-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/vite-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/webpack-builder": "14.176.1-alpha-6ef4895.0",
+    "@genesislcap/genx": "14.177.0",
+    "@genesislcap/rollup-builder": "14.177.0",
+    "@genesislcap/ts-builder": "14.177.0",
+    "@genesislcap/uvu-playwright-builder": "14.177.0",
+    "@genesislcap/vite-builder": "14.177.0",
+    "@genesislcap/webpack-builder": "14.177.0",
     "@storybook/addon-coverage": "^1.0.1",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
@@ -51,8 +51,8 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/foundation-ui": "14.176.1-alpha-6ef4895.0",
+    "@genesislcap/foundation-logger": "14.177.0",
+    "@genesislcap/foundation-ui": "14.177.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -70,5 +70,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "7576777c410789f2699b2522129c8a206f3ccacf"
+  "gitHead": "b3c0ce3e0fa58bae562c2c9bec96beee6a4a2ed4"
 }