@bikdotai/bik-component-library 0.0.209-beta.7 → 0.0.210-beta.1

package/dist/cjs/components/dropdown/hooks/useDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../OpenedDropdown/utils/iterationOnOptions.js");exports.useDropdown=(s,l,n,i)=>{const[c,a]=e.useState(null!=s?s:[]),[o,u]=e.useState([]),[r,d]=e.useState("");function p(e,s){if(n)if(o.length&&r&&i)if(e.selected){let l=!1;const n=t.iterateOnOptions(c,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l||n.push(e),s)return[...n];a([...n])}else{let l=!1,n=t.iterateOnOptions(c,{selected:e.selected},(t=>t.value===e.value&&(l=!0,!0)));if(l&&(n=n.filter((t=>t.value!==e.value))),s)return[...n];a([...n])}else{const l=t.iterateOnOptions(c,{selected:e.selected},(t=>t.value===e.value));if(s)return[...l];a([...l])}else null==l||l(e)}return e.useEffect((()=>{if(o.length&&r&&i){let e=[...o];const t=c.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const s=t.find((t=>e.value===t.value));return s?Object.assign(Object.assign({},e),{selected:s.selected}):e})),u([...e])}}),[c]),e.useEffect((()=>{if(s){const e=[...s];a(n?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[s]),{dropdownOptions:c,search:function(e){if(d(e),u([]),e&&i){const s=[];t.iterateOnOptionsRaw(c,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),i(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));u([...t])}}))}},searchedString:r,searchedOptions:o,onApplyHandler:p,selectAllHandler:function(e){if(o.length&&r&&i)!function(e){let t=[...c];e?o.forEach((e=>{let s=!1;t=t.map((t=>{const l=e;return void 0!==l.value&&l.value===t.value?(s=!0,Object.assign(Object.assign({},t),{selected:!0})):t})),s||t.push(Object.assign(Object.assign({},e),{selected:!0}))})):o.forEach((e=>{t=t.map((t=>{const s=e;return void 0!==s.value&&s.value===t.value?Object.assign(Object.assign({},t),{selected:!1}):t}))})),a([...t])}("selectAll"===e);else if("selectAll"===e){const e=t.iterateOnOptions(c,{selected:!0},(e=>{var t;return r?(null===(t=e.label)||void 0===t?void 0:t.toLowerCase().includes(r.toLowerCase()))&&!e.disabled:!e.disabled}));a([...e])}else if("notSelected"===e){const e=t.iterateOnOptions(c,{selected:!1},(e=>!e.disabled));a([...e])}},onMultiSelectClear:function(){const e=t.iterateOnOptions(c,{selected:!1});a([...e])},onFreeFormSelect:function(e){if(!n)return void p({label:r,value:r,isFreeForm:!0,selected:!0});const t=c.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===r&&t.value===r?e:t.selected})));e&&(t.some((e=>e.label===r&&e.value===r))||t.unshift({label:r,value:r,isFreeForm:!0,selected:!0})),a([...t])},onMultiSelectApply:function(){const e=[];c.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}else t.selected&&e.push(Object.assign({},t))})),null==l||l([...e])}}};

package/dist/esm/components/dropdown/hooks/useDropdown.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { SelectAllCheckboxState } from '../OpenedDropdown/components/menu/SelectAllMenu';
-import { DropdownOption, SingleOption } from '../type';
-export declare const useDropdown: (options: DropdownOption[], onSelect: ((option: DropdownOption | DropdownOption[]) => void) | undefined, isMultiSelect?: boolean, onSearch?: ((searchKey: string) => Promise<DropdownOption[]>) | undefined) => {
-    dropdownOptions: DropdownOption[];
-    search: (searchKey: string) => void;
-    searchedString: string;
-    searchedOptions: DropdownOption[];
-    onApplyHandler: (optionSelect: SingleOption, returnOnly?: boolean) => ({
-        label: string;
-        value: string;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
-        leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-    } | {
-        label?: string | undefined;
-        value?: string | undefined;
-        description?: string | null | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        isFreeForm?: boolean | undefined;
-        subText?: string | undefined;
-        trailingIcon?: JSX.Element | undefined;
-        leadingIcon?: JSX.Element | undefined;
-        customComponent?: JSX.Element | undefined;
-        searchKey?: string | undefined;
-        options: SingleOption[];
-    })[] | undefined;
-    selectAllHandler: (newState: SelectAllCheckboxState) => void;
-    onMultiSelectClear: () => void;
-    onFreeFormSelect: (selected: boolean) => void;
-    onMultiSelectApply: () => void;
-};

package/dist/esm/components/dropdown/hooks/useDropdown.js

@@ -1 +0,0 @@
-import{useState as e,useEffect as s}from"react";import{iterateOnOptionsRaw as t,iterateOnOptions as l}from"../OpenedDropdown/utils/iterationOnOptions.js";const n=(n,c,i,a)=>{const[o,u]=e(null!=n?n:[]),[d,r]=e([]),[p,v]=e("");function f(e,s){if(i)if(d.length&&p&&a)if(e.selected){let t=!1;const n=l(o,{selected:e.selected},(s=>s.value===e.value&&(t=!0,!0)));if(t||n.push(e),s)return[...n];u([...n])}else{let t=!1,n=l(o,{selected:e.selected},(s=>s.value===e.value&&(t=!0,!0)));if(t&&(n=n.filter((s=>s.value!==e.value))),s)return[...n];u([...n])}else{const t=l(o,{selected:e.selected},(s=>s.value===e.value));if(s)return[...t];u([...t])}else null==c||c(e)}return s((()=>{if(d.length&&p&&a){let e=[...d];const s=o.map((e=>e.options?e.options.map((e=>({value:e.value,selected:e.selected}))):{value:e.value,selected:e.selected})).flat();e=e.map((e=>{const t=s.find((s=>e.value===s.value));return t?Object.assign(Object.assign({},e),{selected:t.selected}):e})),r([...e])}}),[o]),s((()=>{if(n){const e=[...n];u(i?[...e.sort((e=>e.selected?-1:1))]:[...e])}}),[n]),{dropdownOptions:o,search:function(e){if(v(e),r([]),e&&a){const s=[];t(o,(e=>{e.selected&&!s.includes(e.value)&&s.push(e.value)})),a(e).then((e=>{if(e){const t=e.map((e=>{if(e.options){const t=e;return Object.assign(Object.assign({},t),{options:t.options.map((e=>Object.assign(Object.assign({},e),{selected:s.includes(e.value)})))})}return Object.assign(Object.assign({},e),{selected:s.includes(e.value)})}));r([...t])}}))}},searchedString:p,searchedOptions:d,onApplyHandler:f,selectAllHandler:function(e){if(d.length&&p&&a)!function(e){let s=[...o];e?d.forEach((e=>{let t=!1;s=s.map((s=>{const l=e;return void 0!==l.value&&l.value===s.value?(t=!0,Object.assign(Object.assign({},s),{selected:!0})):s})),t||s.push(Object.assign(Object.assign({},e),{selected:!0}))})):d.forEach((e=>{s=s.map((s=>{const t=e;return void 0!==t.value&&t.value===s.value?Object.assign(Object.assign({},s),{selected:!1}):s}))})),u([...s])}("selectAll"===e);else if("selectAll"===e){const e=l(o,{selected:!0},(e=>{var s;return p?(null===(s=e.label)||void 0===s?void 0:s.toLowerCase().includes(p.toLowerCase()))&&!e.disabled:!e.disabled}));u([...e])}else if("notSelected"===e){const e=l(o,{selected:!1},(e=>!e.disabled));u([...e])}},onMultiSelectClear:function(){const e=l(o,{selected:!1});u([...e])},onFreeFormSelect:function(e){if(!i)return void f({label:p,value:p,isFreeForm:!0,selected:!0});const s=o.map((s=>s.options?s:Object.assign(Object.assign({},s),{selected:s.label===p&&s.value===p?e:s.selected})));e&&(s.some((e=>e.label===p&&e.value===p))||s.unshift({label:p,value:p,isFreeForm:!0,selected:!0})),u([...s])},onMultiSelectApply:function(){const e=[];o.forEach((s=>{if(s.options){const t=s.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},s),{options:[...t]}))}else s.selected&&e.push(Object.assign({},s))})),null==c||c([...e])}}};export{n as useDropdown};