@darajs/ui-components 0.4.8

package/dist/filter/datetime-filter.js

@@ -0,0 +1,174 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useMemo, useState } from 'react';
+import styled from '@darajs/styled-components';
+import Datepicker from '../datepicker/datepicker';
+import Select from '../select/select';
+import { ApplyButton, FilterWrapper } from './categorical-filter';
+import { FilterHeader } from './numeric-filter';
+const DatetimeFilterWrapper = styled(FilterWrapper) `
+    gap: 0;
+`;
+const DatepickerWrapper = styled.div `
+    height: auto;
+
+    div:has(input) {
+        width: 6.7rem;
+    }
+
+    input {
+        width: 6.7rem;
+        padding: 0;
+        background-color: ${(props) => props.theme.colors.background};
+        border: 1px solid ${(props) => props.theme.colors.background};
+
+        ::after {
+            width: 5rem;
+        }
+
+        :hover:not(:disabled) {
+            background-color: ${(props) => props.theme.colors.background};
+            border: 1px solid ${(props) => props.theme.colors.grey4};
+        }
+    }
+
+    div:has(> button) {
+        border: 1px solid ${(props) => props.theme.colors.grey1};
+
+        :hover {
+            border: 1px solid ${(props) => props.theme.colors.grey1};
+        }
+
+        :focus-within {
+            border: 1px solid ${(props) => props.theme.colors.grey1};
+        }
+    }
+
+    button {
+        background-color: ${(props) => props.theme.colors.grey1};
+
+        :hover:enabled {
+            background-color: ${(props) => props.theme.colors.grey2};
+        }
+    }
+
+    .react-datepicker {
+        margin-bottom: -1rem;
+        margin-left: -0.5rem;
+
+        background-color: ${(props) => props.theme.colors.grey1};
+        border: none;
+        box-shadow: none;
+
+        /* stylelint-disable -- external classnames */
+        .react-datepicker__month-container {
+            .react-datepicker__header {
+                background-color: ${(props) => props.theme.colors.grey1};
+            }
+
+            .react-datepicker__month {
+                background-color: ${(props) => props.theme.colors.grey1};
+            }
+        }
+    }
+`;
+const StyledSelect = styled(Select) `
+    margin-bottom: 0.25rem;
+    border: 1px solid ${(props) => props.theme.colors.background};
+
+    button {
+        background-color: ${(props) => props.theme.colors.background};
+
+        :hover:enabled {
+            background-color: ${(props) => props.theme.colors.background};
+        }
+    }
+`;
+const StyledApply = styled(ApplyButton) `
+    width: 4rem;
+    height: 2rem;
+    padding: 0;
+`;
+const DatetimeFilterItems = [
+    {
+        label: 'None',
+        value: 'None',
+    },
+    {
+        label: 'Before',
+        value: 'Before',
+    },
+    {
+        label: 'After',
+        value: 'After',
+    },
+    {
+        label: 'On date',
+        value: 'On date',
+    },
+    {
+        label: 'Between',
+        value: 'Between',
+    },
+];
+/**
+ * A DatetimeFilter component
+ *
+ * @param {DatetimeFilterProps} props - the component props
+ */
+function DatetimeFilter(props) {
+    const [selected, setSelected] = useState(null);
+    const [dateValues, setDateValues] = useState(props.values);
+    const filteredValues = useMemo(() => {
+        let filterDate = dateValues;
+        // If switched from range to single should just send the first date to the onChange
+        if ((selected === null || selected === void 0 ? void 0 : selected.value) !== 'Between' && Array.isArray(dateValues)) {
+            [filterDate] = dateValues;
+        }
+        return { selected: selected === null || selected === void 0 ? void 0 : selected.label, value: filterDate };
+    }, [dateValues, selected]);
+    const [previousFilter, setPreviousFilter] = useState(filteredValues);
+    const disableApply = useMemo(() => {
+        // if filter disabled or value has not changed
+        if (props.disabled || previousFilter === filteredValues) {
+            return true;
+        }
+        // if one of the dates is not defined
+        if (!dateValues ||
+            (selected.label === 'Between' && Array.isArray(dateValues) && (!dateValues[0] || !dateValues[1])) ||
+            (selected.label === 'Between' && !Array.isArray(dateValues))) {
+            return true;
+        }
+        return false;
+    }, [props.disabled, previousFilter, filteredValues, dateValues, selected]);
+    return (_jsxs(DatetimeFilterWrapper, { className: props.className, children: [_jsxs(FilterHeader, { children: [_jsx(StyledSelect, { dropdownRef: (element) => {
+                            if (props.portalsRef) {
+                                props.portalsRef.current[2] = element;
+                            }
+                        }, initialValue: {
+                            label: 'None',
+                            value: 'None',
+                        }, items: DatetimeFilterItems, onSelect: setSelected }), _jsx(DatepickerWrapper, { children: selected && selected.label !== 'None' && (_jsx(Datepicker, { inline: true, onChange: setDateValues, portalsRef: props.portalsRef, selectItemClass: "DatetimeFilterSelect", selectsRange: (selected === null || selected === void 0 ? void 0 : selected.value) === 'Between', shouldCloseOnSelect: false, showTimeInput: props.showTimeInput })) })] }), _jsx(StyledApply, { disabled: disableApply, onClick: (e) => {
+                    var _a, _b;
+                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, filteredValues, e);
+                    (_b = props === null || props === void 0 ? void 0 : props.column) === null || _b === void 0 ? void 0 : _b.setFilter(filteredValues || undefined);
+                    setPreviousFilter(filteredValues);
+                }, children: "Apply" })] }));
+}
+export default DatetimeFilter;
+//# sourceMappingURL=datetime-filter.js.map

package/dist/filter/datetime-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-filter.js","sourceRoot":"","sources":["../../src/filter/datetime-filter.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;CAElD,CAAC;AACF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;4BAUR,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;4BACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;;gCAOpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;gCACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;4BAKvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;gCAG/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;gCAInC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;4BAKvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;gCAG/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;4BAQvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;oCAO3B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;oCAInC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;CAItE,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;wBAEX,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;;4BAGpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;;gCAGpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;;;CAGvE,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;CAItC,CAAC;AAqBF,MAAM,mBAAmB,GAAW;IAChC;QACI,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;KAChB;IACD;QACI,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACjB;IACD;QACI,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACnB;IACD;QACI,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAEF;;;;GAIG;AACH,SAAS,cAAc,CAAC,KAA0B;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAO,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,KAAK,CAAC,MAAM,CAAC,CAAC;IAEhF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAkB,EAAE;QAC/C,IAAI,UAAU,GAAG,UAAU,CAAC;QAC5B,mFAAmF;QACnF,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,MAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YAC7D,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;QAC9B,CAAC;QACD,OAAO,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAC5D,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,cAAc,CAAC,CAAC;IAEpF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAY,EAAE;QACvC,8CAA8C;QAC9C,IAAI,KAAK,CAAC,QAAQ,IAAI,cAAc,KAAK,cAAc,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,qCAAqC;QACrC,IACI,CAAC,UAAU;YACX,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YACjG,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,EAC9D,CAAC;YACC,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3E,OAAO,CACH,MAAC,qBAAqB,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,aAC7C,MAAC,YAAY,eACT,KAAC,YAAY,IACT,WAAW,EAAE,CAAC,OAAO,EAAE,EAAE;4BACrB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gCACnB,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;4BAC1C,CAAC;wBACL,CAAC,EACD,YAAY,EAAE;4BACV,KAAK,EAAE,MAAM;4BACb,KAAK,EAAE,MAAM;yBAChB,EACD,KAAK,EAAE,mBAAmB,EAC1B,QAAQ,EAAE,WAAW,GACvB,EACF,KAAC,iBAAiB,cACb,QAAQ,IAAI,QAAQ,CAAC,KAAK,KAAK,MAAM,IAAI,CACtC,KAAC,UAAU,IACP,MAAM,QACN,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,eAAe,EAAC,sBAAsB,EACtC,YAAY,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,MAAK,SAAS,EAC3C,mBAAmB,EAAE,KAAK,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,GACpC,CACL,GACe,IACT,EACf,KAAC,WAAW,IACR,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACX,MAAA,KAAK,CAAC,QAAQ,sDAAG,cAAc,EAAE,CAAC,CAAC,CAAC;oBACpC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,SAAS,CAAC,cAAc,IAAI,SAAS,CAAC,CAAC;oBACtD,iBAAiB,CAAC,cAAc,CAAC,CAAC;gBACtC,CAAC,sBAGS,IACM,CAC3B,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/filter/numeric-filter.d.ts

@@ -0,0 +1,24 @@
+import { FilterProps } from 'react-table';
+export declare const FilterHeader: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, {}, never>;
+export interface FilterResults {
+    selected: string;
+    value: number | [number, number];
+}
+export interface NumericFilterProps extends FilterProps<any> {
+    /** Standard react className property */
+    className?: string;
+    /** Whether the filter is disabled. */
+    disabled?: boolean;
+    /** An optional onChange handler, will be called whenever the filter is applied */
+    onChange?: (value: FilterResults, e: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
+    /** An optional ref to be passed through to all selects dropdowns present in the filter */
+    portalsRef?: React.MutableRefObject<HTMLElement[]>;
+}
+/**
+ * A NumericFilter component
+ *
+ * @param {NumericFilterProps} props - the component props
+ */
+declare function NumericFilter(props: NumericFilterProps): JSX.Element;
+export default NumericFilter;
+//# sourceMappingURL=numeric-filter.d.ts.map

package/dist/filter/numeric-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-filter.d.ts","sourceRoot":"","sources":["../../src/filter/numeric-filter.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA2B1C,eAAO,MAAM,YAAY,iHAKxB,CAAC;AA4DF,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,kBAAmB,SAAQ,WAAW,CAAC,GAAG,CAAC;IACxD,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClG,0FAA0F;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC;CACtD;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0F7D;AAED,eAAe,aAAa,CAAC"}

package/dist/filter/numeric-filter.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useMemo, useState } from 'react';
+import styled from '@darajs/styled-components';
+import Input from '../input/input';
+import Select from '../select/select';
+import { ApplyButton, FilterWrapper } from './categorical-filter';
+const StyledSelect = styled(Select) `
+    margin: 1px solid ${(props) => props.theme.colors.background};
+
+    button {
+        background-color: ${(props) => props.theme.colors.background};
+
+        :hover:enabled {
+            background-color: ${(props) => props.theme.colors.background};
+        }
+    }
+`;
+const InputsWrapper = styled.div `
+    display: flex;
+    gap: 5px;
+    align-items: center;
+`;
+export const FilterHeader = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    padding: 0 0.5rem;
+`;
+const StyledInput = styled(Input) `
+    width: ${(props) => (props.showTwoInputs ? '106px' : '100%')};
+
+    input {
+        width: ${(props) => (props.showTwoInputs ? '106px' : '100%')};
+        background-color: ${(props) => props.theme.colors.background};
+        border: 1px solid ${(props) => (props.showError ? props.theme.colors.error : props.theme.colors.background)};
+
+        :hover:not(:disabled) {
+            background-color: ${(props) => props.theme.colors.background};
+            border: 1px solid ${(props) => (props.showError ? props.theme.colors.error : props.theme.colors.grey3)};
+        }
+
+        :active:not(:disabled),
+        :focus:not(:disabled) {
+            border: 1px solid ${(props) => (props.showError ? props.theme.colors.error : props.theme.colors.grey3)};
+        }
+    }
+`;
+const ErrorMessage = styled.span `
+    user-select: none;
+    font-size: 0.7rem;
+    color: ${(props) => props.theme.colors.error};
+`;
+const NumericFilterItems = [
+    {
+        label: 'None',
+        value: 'None',
+    },
+    {
+        label: 'Greater than',
+        value: 'Greater than',
+    },
+    {
+        label: 'Less than',
+        value: 'Less tha',
+    },
+    {
+        label: 'Equal to',
+        value: 'Equal to',
+    },
+    {
+        label: 'Not equal to',
+        value: 'Not equal to',
+    },
+    {
+        label: 'Between',
+        value: 'Between',
+    },
+];
+/**
+ * A NumericFilter component
+ *
+ * @param {NumericFilterProps} props - the component props
+ */
+function NumericFilter(props) {
+    const [selected, setSelected] = useState(null);
+    const [firstInput, setFirstInput] = useState(null);
+    const [secondInput, setSecondInput] = useState(null);
+    const filteredValues = useMemo(() => {
+        if ((selected === null || selected === void 0 ? void 0 : selected.label) === 'None') {
+            return { selected: selected === null || selected === void 0 ? void 0 : selected.label, value: null };
+        }
+        if ((selected === null || selected === void 0 ? void 0 : selected.label) === 'Between') {
+            return { selected: selected === null || selected === void 0 ? void 0 : selected.label, value: [firstInput, secondInput] };
+        }
+        return { selected: selected === null || selected === void 0 ? void 0 : selected.label, value: firstInput };
+    }, [firstInput, secondInput, selected]);
+    const [previousFilter, setPreviousFilter] = useState(filteredValues);
+    const showError = useMemo(() => {
+        if (secondInput && firstInput && secondInput < firstInput && (selected === null || selected === void 0 ? void 0 : selected.label) === 'Between') {
+            return true;
+        }
+        return false;
+    }, [firstInput, secondInput, selected]);
+    const disableApply = useMemo(() => {
+        // disable apply if component is disabled, if the filter hasn't changed, if there is an input error, or input hasn't been filled
+        if (props.disabled || previousFilter === filteredValues || showError) {
+            return true;
+        }
+        if (firstInput === null && (selected === null || selected === void 0 ? void 0 : selected.label) !== 'None') {
+            return true;
+        }
+        if (secondInput === null && (selected === null || selected === void 0 ? void 0 : selected.label) === 'Between') {
+            return true;
+        }
+        return false;
+    }, [props.disabled, firstInput, secondInput, previousFilter, filteredValues, showError, selected]);
+    return (_jsxs(FilterWrapper, { className: props.className, children: [_jsxs(FilterHeader, { children: [_jsx(StyledSelect, { dropdownRef: (element) => {
+                            if (props.portalsRef) {
+                                props.portalsRef.current[0] = element;
+                            }
+                        }, initialValue: {
+                            label: 'None',
+                            value: 'None',
+                        }, items: NumericFilterItems, maxItems: 6, onSelect: setSelected }), selected && (selected === null || selected === void 0 ? void 0 : selected.label) !== 'None' && (_jsxs(InputsWrapper, { children: [_jsx(StyledInput, { onChange: (v) => setFirstInput(Number(v)), showError: showError, showTwoInputs: (selected === null || selected === void 0 ? void 0 : selected.label) === 'Between', type: "number" }), (selected === null || selected === void 0 ? void 0 : selected.label) === 'Between' && (_jsxs(InputsWrapper, { children: ["and", _jsx(StyledInput, { onChange: (v) => setSecondInput(Number(v)), showError: showError, type: "number", value: String(secondInput) })] }))] }))] }), showError && _jsx(ErrorMessage, { children: "Input range not valid" }), _jsx(ApplyButton, { disabled: disableApply, onClick: (e) => {
+                    var _a, _b;
+                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, filteredValues, e);
+                    (_b = props === null || props === void 0 ? void 0 : props.column) === null || _b === void 0 ? void 0 : _b.setFilter(filteredValues || undefined);
+                    setPreviousFilter(filteredValues);
+                }, children: "Apply" })] }));
+}
+export default NumericFilter;
+//# sourceMappingURL=numeric-filter.js.map

package/dist/filter/numeric-filter.js.map

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

package/dist/hierarchy-selector/hierarchy-selector.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { HierarchyNode } from './node/branch';
+interface HierarchySelectorProps {
+    /** Optional flag for enabling categories to be selected by the user */
+    allowSelectCategory?: boolean;
+    /** Optional flag for enabling leaves to be selected by the user */
+    allowSelectLeaf?: boolean;
+    /** Standard react className property */
+    className?: string;
+    /** Optional function to get id of the node selected by the user */
+    onSelect?: (nodeId: string) => void | Promise<void>;
+    /** The root node for the hierarchy selector, the node should contain an id, label and array of children nodes */
+    rootNode: HierarchyNode;
+    /** Optional flag for making the root node initially opened or closed */
+    rootOpen?: boolean;
+    /** Selected, the selected node to display */
+    selected?: string;
+    /** Pass through of the style to the root container */
+    style?: React.CSSProperties;
+}
+/**
+ * The Hierarchy Selector Component can be used to create a hierarchy tree where user can select any of the nodes.
+ * Each selection can be captured by passing the onSelect function.
+ * Passing the rootNode is enough to define a Hierarchy Selector.
+ *
+ * @param {HierarchySelectorProps} props - the component props
+ */
+declare function HierarchySelector(props: HierarchySelectorProps): JSX.Element;
+export { HierarchyNode };
+export default HierarchySelector;
+//# sourceMappingURL=hierarchy-selector.d.ts.map

package/dist/hierarchy-selector/hierarchy-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy-selector.d.ts","sourceRoot":"","sources":["../../src/hierarchy-selector/hierarchy-selector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAe,EAAoB,aAAa,EAAe,MAAM,eAAe,CAAC;AAWrF,UAAU,sBAAsB;IAC5B,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,iHAAiH;IACjH,QAAQ,EAAE,aAAa,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;;GAMG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CA8DrE;AACD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,eAAe,iBAAiB,CAAC"}

package/dist/hierarchy-selector/hierarchy-selector.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useEffect, useState } from 'react';
+import styled, { useTheme } from '@darajs/styled-components';
+import { Chevron } from '../utils';
+import Branch, { Cell, CircleIcon, NodeWrapper } from './node/branch';
+const Wrapper = styled.div `
+    overflow: scroll;
+`;
+const Root = styled.div `
+    cursor: pointer;
+    margin-left: 1rem;
+`;
+/**
+ * The Hierarchy Selector Component can be used to create a hierarchy tree where user can select any of the nodes.
+ * Each selection can be captured by passing the onSelect function.
+ * Passing the rootNode is enough to define a Hierarchy Selector.
+ *
+ * @param {HierarchySelectorProps} props - the component props
+ */
+function HierarchySelector(props) {
+    const theme = useTheme();
+    const [rootOpen, setRootOpen] = useState(props.rootOpen || false);
+    const [selectedNodeId, setSelectedNodeId] = useState(props.selected);
+    useEffect(() => {
+        if (props.selected) {
+            setSelectedNodeId(props.selected);
+        }
+    }, [props.selected]);
+    const toggle = () => {
+        setRootOpen(!rootOpen);
+    };
+    const selectNode = (nodeId) => {
+        var _a;
+        setSelectedNodeId(nodeId);
+        (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, nodeId);
+    };
+    const { label, id, children } = props.rootNode;
+    return (_jsxs(Wrapper, { className: props.className, style: props.style, children: [_jsxs(Root, { children: [_jsx(CircleIcon, { selected: id === selectedNodeId }), _jsx(Cell, { onClick: props.allowSelectCategory || children.length === 0 ? () => selectNode(id) : toggle, selected: id === selectedNodeId, children: label }), children.length > 0 && (_jsx(Chevron, { isOpen: rootOpen, onClick: toggle, style: {
+                            color: theme.colors.grey5,
+                            cursor: 'pointer',
+                            height: '0.8rem',
+                            marginLeft: '0.5rem',
+                            verticalAlign: 'middle',
+                            width: '0.8rem',
+                        } }))] }), _jsx(NodeWrapper, { open: rootOpen, children: children &&
+                    children.map((nodeObj) => (_jsx(Branch, { allowSelectCategory: props.allowSelectCategory, allowSelectLeaf: props.allowSelectLeaf, content: nodeObj, open: rootOpen, selectNode: selectNode, selectedNodeId: selectedNodeId }, nodeObj.id))) })] }));
+}
+export default HierarchySelector;
+//# sourceMappingURL=hierarchy-selector.js.map

package/dist/hierarchy-selector/hierarchy-selector.js.map

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

package/dist/hierarchy-selector/node/branch.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+interface CellProps {
+    isLeaf?: boolean;
+    selected?: boolean;
+    selectionAllowed?: boolean;
+}
+export declare const Cell: import("styled-components").StyledComponent<"span", import("@darajs/styled-components").DefaultTheme, CellProps, never>;
+export declare const CircleIcon: import("styled-components").StyledComponent<(props: import("@darajs/ui-icons").IconProps) => JSX.Element, import("@darajs/styled-components").DefaultTheme, CellProps, never>;
+interface DisplayProp {
+    open?: boolean;
+}
+export declare const NodeWrapper: import("styled-components").StyledComponent<"ul", import("@darajs/styled-components").DefaultTheme, DisplayProp, never>;
+export interface HierarchyNode {
+    children: Array<HierarchyNode>;
+    id: string;
+    label: string;
+    weight: number;
+}
+interface BranchProps {
+    /** Optional flag for enabling categories to be selected by the user */
+    allowSelectCategory?: boolean;
+    /** Optional flag for enabling leaves to be selected by the user */
+    allowSelectLeaf?: boolean;
+    /** Standard react className property */
+    className?: string;
+    /** The node for the branch */
+    content: HierarchyNode;
+    /** Optional flag for making the branch initially opened or closed */
+    open?: boolean;
+    /** Optional flag for enabling categories to be selected by the user */
+    selectCategory?: boolean;
+    /** Optional function to get id of the node selected by the user */
+    selectNode?: (nodeId: string) => void;
+    /** The id of the node selected by the user */
+    selectedNodeId: string;
+    /** Pass through of the style to the node container */
+    style?: React.CSSProperties;
+}
+/**
+ * The Branch Component renders each branch of the tree and then recursively renders all the child branches by calling
+ * itself again.
+ *
+ * @param {BranchProps} props - the component props
+ */
+declare function Branch(props: BranchProps): JSX.Element;
+export default Branch;
+//# sourceMappingURL=branch.d.ts.map

package/dist/hierarchy-selector/node/branch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch.d.ts","sourceRoot":"","sources":["../../../src/hierarchy-selector/node/branch.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,IAAI,yHAShB,CAAC;AAEF,eAAO,MAAM,UAAU,+FA/DgC,IAAK,OAAO,qEAsElE,CAAC;AAwBF,UAAU,WAAW;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,yHAcvB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACjB,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,OAAO,EAAE,aAAa,CAAC;IACvB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA4D/C;AAED,eAAe,MAAM,CAAC"}