@darajs/ui-components 1.0.0-a.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+Copyright 2023 Impulse Innovations Ltd.
+
+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.

package/dist/accordion/accordion-item.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { AccordionItemType } from '../types';
+export interface AccordionItemProps {
+    /** Background color to set to match the surrounding */
+    backgroundColor?: string;
+    /** Optional function for rendering the header row; accepts the label */
+    headerRenderer?: (item: AccordionItemType) => JSX.Element;
+    /** Optional function for rendering the content; accepts the item */
+    innerRenderer?: (item: AccordionItemType) => JSX.Element;
+    /** Item containing label and content */
+    item: any;
+    /** Optional handler for handling clicking the header */
+    onClick?: (e?: React.SyntheticEvent<HTMLElement | SVGSVGElement>) => void | Promise<void>;
+    /** Flag that specifies whether item is open or close */
+    open: boolean;
+}
+/**
+ * The component renders each item of the accordion. It accepts optional headerRenderer and innerRenderer
+ * for rendering the header and content
+ *
+ * @param {AccordionItemProps} props - the component props
+ */
+declare function AccordionItem({ backgroundColor, headerRenderer, innerRenderer, item, onClick, open, }: AccordionItemProps): JSX.Element;
+export default AccordionItem;
+//# sourceMappingURL=accordion-item.d.ts.map

package/dist/accordion/accordion-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../src/accordion/accordion-item.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA0E7C,MAAM,WAAW,kBAAkB;IAC/B,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1D,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,wCAAwC;IACxC,IAAI,EAAE,GAAG,CAAC;IACV,wDAAwD;IACxD,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,wDAAwD;IACxD,IAAI,EAAE,OAAO,CAAC;CACjB;AAED;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACnB,eAAe,EACf,cAAc,EACd,aAAa,EACb,IAAI,EACJ,OAAO,EACP,IAAI,GACP,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAclC;AAED,eAAe,aAAa,CAAC"}

package/dist/accordion/accordion-item.js

@@ -0,0 +1,90 @@
+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 { Collapse } from 'react-collapse';
+import styled from '@darajs/styled-components';
+import { Chevron } from '../utils';
+const AccordionItemWrapper = styled.div `
+    width: 100%;
+    background-color: ${(props) => { var _a; return (_a = props.backgroundColor) !== null && _a !== void 0 ? _a : props.theme.colors.blue1; }};
+    border: 1px solid ${(props) => props.theme.colors.grey1};
+    border-radius: 0.25rem;
+
+    /* Define the animation used for collapsing */
+    .ReactCollapse--collapse {
+        transition: height 0.35s ease;
+    }
+`;
+const AccordionLabel = styled.dt `
+    cursor: pointer;
+
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    width: 100%;
+    padding: 0.5rem 1rem;
+
+    font-size: 1.2em;
+    font-weight: 400;
+    color: ${(props) => props.theme.colors.text};
+
+    background-color: ${(props) => props.theme.colors.grey1};
+    border: none;
+    border-radius: ${(props) => (props.isOpen ? '0.25rem 0.25rem 0rem 0rem' : '0.25rem')};
+
+    &:hover {
+        background-color: ${(props) => props.theme.colors.grey2};
+    }
+
+    &:active {
+        background-color: ${(props) => props.theme.colors.grey3};
+    }
+`;
+const ContentWrapper = styled.dd `
+    overflow: hidden;
+
+    width: 100%;
+    height: 100%;
+    /*
+    We have to use padding for the gap between items rather than margin
+    because margin doesn't work well with react-collapse and causes jumping
+    See: https://github.com/nkbt/react-collapse#behaviour-notes
+    */
+    margin: 0;
+    padding: 1rem;
+`;
+const AccordionContent = styled.div `
+    display: flex;
+
+    height: auto;
+
+    font-size: 1em;
+    font-weight: 300;
+    color: ${(props) => props.theme.colors.text};
+`;
+/**
+ * The component renders each item of the accordion. It accepts optional headerRenderer and innerRenderer
+ * for rendering the header and content
+ *
+ * @param {AccordionItemProps} props - the component props
+ */
+function AccordionItem({ backgroundColor, headerRenderer, innerRenderer, item, onClick, open, }) {
+    return (_jsxs(AccordionItemWrapper, { backgroundColor: backgroundColor, children: [_jsxs(AccordionLabel, { isOpen: open, onClick: onClick, children: [headerRenderer ? headerRenderer(item) : item.label, _jsx(Chevron, { isOpen: open })] }), _jsx(Collapse, { isOpened: open, children: _jsx(ContentWrapper, { children: _jsx(AccordionContent, { children: innerRenderer ? innerRenderer(item) : item.content }) }) })] }, item.label));
+}
+export default AccordionItem;
+//# sourceMappingURL=accordion-item.js.map

package/dist/accordion/accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../src/accordion/accordion-item.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAMnC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAc;;wBAE7B,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,EAAA;wBAC5D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;CAO1D,CAAC;AAMF,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAqB;;;;;;;;;;;;aAYxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;wBAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;qBAEtC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,CAAC;;;4BAG5D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;4BAInC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE9D,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;CAY/B,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;aAOtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;CAC9C,CAAC;AAiBF;;;;;GAKG;AACH,SAAS,aAAa,CAAC,EACnB,eAAe,EACf,cAAc,EACd,aAAa,EACb,IAAI,EACJ,OAAO,EACP,IAAI,GACa;IACjB,OAAO,CACH,MAAC,oBAAoB,IAAC,eAAe,EAAE,eAAe,aAClD,MAAC,cAAc,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,aACzC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EACnD,KAAC,OAAO,IAAC,MAAM,EAAE,IAAI,GAAI,IACZ,EACjB,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACpB,KAAC,cAAc,cACX,KAAC,gBAAgB,cAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,GAAoB,GAC5E,GACV,KAT8C,IAAI,CAAC,KAAK,CAUhD,CAC1B,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/accordion/accordion.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { AccordionItemType } from '../types';
+export interface AccordionProps {
+    /** Background color to set to match the surrounding */
+    backgroundColor?: string;
+    /** Standard react className property */
+    className?: string;
+    /** Optional function for rendering the header row; accepts the item */
+    headerRenderer?: (item: AccordionItemType) => JSX.Element;
+    /** Optional prop to specify which item(s) to open initially; should be its index in the array */
+    initialOpenItems?: Array<number> | number;
+    /** Optional function for rendering the content; accepts the item */
+    innerRenderer?: (item: AccordionItemType) => JSX.Element;
+    /** Array of items containing label and content */
+    items?: Array<AccordionItemType>;
+    /** defines whether to only be able to open one item at a time defaults to true */
+    multi?: boolean;
+    /** onChange event. */
+    onChange?: (openItems: Array<number> | number) => void | Promise<void>;
+    /** Pass through of style property to the wrapper element */
+    style?: React.CSSProperties;
+    /** Optional prop to put the component in controlled mode */
+    value?: Array<number> | number;
+}
+/**
+ * An accordion component that accepts an array of items as well as optional headerRenderer
+ * for rendering the header row and optional innerRenderer for rendering the content
+ *
+ * @param {AccordionProps} props - the component props
+ */
+declare function Accordion({ backgroundColor, className, initialOpenItems, headerRenderer, innerRenderer, items, style, multi, onChange, value, }: AccordionProps): JSX.Element;
+export default Accordion;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/accordion/accordion.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAa7C,MAAM,WAAW,cAAc;IAC3B,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1D,iGAAiG;IACjG,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IAC1C,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACjC,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CAClC;AAsBD;;;;;GAKG;AACH,iBAAS,SAAS,CAAC,EACf,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,KAAK,EACL,KAAK,EACL,KAAY,EACZ,QAAQ,EACR,KAAK,GACR,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAmD9B;AAED,eAAe,SAAS,CAAC"}

package/dist/accordion/accordion.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } 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 { useCallback, useEffect, useState } from 'react';
+import styled from '@darajs/styled-components';
+import AccordionItem from './accordion-item';
+const AccordionWrapper = styled.dl `
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    align-items: center;
+
+    width: 100%;
+    height: 100%;
+`;
+function getInitialOpen(initialItems, value, itemsArray) {
+    if (value !== undefined) {
+        const initialOpen = Array.isArray(value) ? value : [value];
+        return itemsArray.map((item, index) => {
+            return initialOpen.includes(index);
+        });
+    }
+    if (initialItems !== undefined) {
+        const initialOpen = Array.isArray(initialItems) ? initialItems : [initialItems];
+        return itemsArray.map((item, index) => {
+            return initialOpen.includes(index);
+        });
+    }
+    return new Array(itemsArray.length).fill(false);
+}
+/**
+ * An accordion component that accepts an array of items as well as optional headerRenderer
+ * for rendering the header row and optional innerRenderer for rendering the content
+ *
+ * @param {AccordionProps} props - the component props
+ */
+function Accordion({ backgroundColor, className, initialOpenItems, headerRenderer, innerRenderer, items, style, multi = true, onChange, value, }) {
+    const [openItems, setOpenItems] = useState(getInitialOpen(initialOpenItems, value, items));
+    const onClick = useCallback((index) => {
+        let newOpenItems = openItems;
+        if (!multi) {
+            newOpenItems = openItems.map((item, idx) => {
+                if (idx === index) {
+                    return !item;
+                }
+                return false;
+            });
+        }
+        else {
+            newOpenItems[index] = !openItems[index];
+        }
+        // gets a list of boolean and returns the indexes of the true values
+        const chosenItems = newOpenItems.reduce((acc, curr, idx) => {
+            if (curr) {
+                acc.push(idx);
+            }
+            return acc;
+        }, []);
+        onChange === null || onChange === void 0 ? void 0 : onChange([...chosenItems]);
+        // uncontrolled component
+        if (value === undefined) {
+            setOpenItems([...newOpenItems]);
+        }
+    }, [openItems, setOpenItems]);
+    useEffect(() => {
+        setOpenItems(getInitialOpen(initialOpenItems, value, items));
+    }, [value]);
+    return (_jsx(AccordionWrapper, { className: className, style: style, children: items.map((item, index) => (_jsx(AccordionItem, { backgroundColor: backgroundColor, headerRenderer: headerRenderer, innerRenderer: innerRenderer, item: item, onClick: () => onClick(index), open: openItems[index] }, `accordion-item-${index}`))) }));
+}
+export default Accordion;
+//# sourceMappingURL=accordion.js.map

package/dist/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/accordion/accordion.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAG/C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,gBAAgB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;CASjC,CAAC;AAwBF,SAAS,cAAc,CACnB,YAAoC,EACpC,KAA6B,EAC7B,UAAoC;IAEpC,IAAI,KAAK,KAAK,SAAS,EAAE;QACrB,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC3D,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAClC,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;KACN;IACD,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAChF,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAClC,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;KACN;IACD,OAAO,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpD,CAAC;AAED;;;;;GAKG;AACH,SAAS,SAAS,CAAC,EACf,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,KAAK,EACL,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,KAAK,GACQ;IACb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,cAAc,CAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtG,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,KAAa,EAAQ,EAAE;QACpB,IAAI,YAAY,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,KAAK,EAAE;YACR,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;gBACvC,IAAI,GAAG,KAAK,KAAK,EAAE;oBACf,OAAO,CAAC,IAAI,CAAC;iBAChB;gBACD,OAAO,KAAK,CAAC;YACjB,CAAC,CAAC,CAAC;SACN;aAAM;YACH,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SAC3C;QACD,oEAAoE;QACpE,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;YACvD,IAAI,IAAI,EAAE;gBACN,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACjB;YACD,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,EAAc,CAAC,CAAC;QACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;QAC7B,yBAAyB;QACzB,IAAI,KAAK,KAAK,SAAS,EAAE;YACrB,YAAY,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;SACnC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC5B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,aAAa,IACV,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EAEV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAFjB,kBAAkB,KAAK,EAAE,CAGhC,CACL,CAAC,GACa,CACtB,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/badge/badge.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface BadgeProps {
+    /** The label of the badge, can be any react node */
+    children: React.ReactNode;
+    /** The main color of the badge */
+    color: string;
+    /** An optional height parameter, if not provided 18px */
+    height?: number;
+    /** An optional param that defines whether badge shows outline instead or filled styling, if not provided defaults to false */
+    outline?: boolean;
+    /** An optional width parameter, if not provided the badge will scale to the content */
+    width?: string;
+}
+/**
+ * A simple badge component
+ *
+ * @param {BadgeProps} props - the component props
+ */
+declare const Badge: import("styled-components").StyledComponent<"span", import("@darajs/styled-components").DefaultTheme, BadgeProps, never>;
+export default Badge;
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/badge/badge.tsx"],"names":[],"mappings":";AAoBA,MAAM,WAAW,UAAU;IACvB,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8HAA8H;IAC9H,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,QAAA,MAAM,KAAK,0HAgBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/badge/badge.js

@@ -0,0 +1,42 @@
+/**
+ * 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 styled from '@darajs/styled-components';
+const shouldForwardProp = (prop) => !['color', 'width'].includes(prop);
+/**
+ * A simple badge component
+ *
+ * @param {BadgeProps} props - the component props
+ */
+const Badge = styled.span.withConfig({ shouldForwardProp }) `
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    width: ${(props) => props.width || 'auto'};
+    height: ${(props) => (props.height ? `${props.height}px` : '2rem')};
+    padding: 0 0.75rem;
+
+    font-size: 0.875rem;
+    font-weight: 400;
+    color: ${(props) => (props.outline ? props.color : props.theme.colors.blue1)};
+
+    background-color: ${(props) => (props.outline ? props.theme.colors.blue1 : props.color)};
+    border: 1px solid ${(props) => props.color};
+    border-radius: ${(props) => (props.height ? `${props.height / 2}px` : '1rem')};
+`;
+export default Badge;
+//# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/badge/badge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAW,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAerF;;;;GAIG;AACH,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAY;;;;;aAK1D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;cAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;aAKzD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;wBAExD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;wBACnE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK;qBACzB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;CAChF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/button/button.d.ts

@@ -0,0 +1,35 @@
+import { ButtonHTMLAttributes } from 'react';
+import { DefaultTheme } from '@darajs/styled-components';
+interface BaseButtonProps {
+    $hasAnchor: boolean;
+}
+export declare const BaseButton: import("styled-components").StyledComponent<"button", DefaultTheme, BaseButtonProps, never>;
+type Styling = 'primary' | 'secondary' | 'error' | 'ghost' | 'plain';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    autoFocus?: boolean;
+    /** The label of the button, can be any react node */
+    children: React.ReactNode;
+    /** Standard react className property */
+    className?: string;
+    /** Optional property to disable the button */
+    disabled?: boolean;
+    /** Optional property to set filename to download; should be used together with href for downloads */
+    download?: string;
+    /** Optional href to navigate to, will swap the button element for an anchor */
+    href?: string;
+    /** Component id */
+    id?: string;
+    /** Optional flag to show a loading state - replace the text of the button with a spinner */
+    loading?: boolean;
+    /** Optional onClick handler, will be called when the button is pressed */
+    onClick?: (e?: React.SyntheticEvent<HTMLButtonElement>) => void | Promise<void>;
+    /** If true the button will have the outline look, otherwise by default it takes the filled style */
+    outline?: boolean;
+    /** Native react style property, can be used to fine tune the button appearance */
+    style?: React.CSSProperties;
+    /** The style of the button, accepts: primary, secondary or error. Defaults to primary */
+    styling?: Styling;
+}
+declare const _default: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+//# sourceMappingURL=button.d.ts.map

package/dist/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,oBAAoB,EAA4B,MAAM,OAAO,CAAC;AAEvE,OAAe,EAAE,YAAY,EAAY,MAAM,2BAA2B,CAAC;AAI3E,UAAU,eAAe;IACrB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,6FAiBtB,CAAC;AA8JF,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAWrE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChF,oGAAoG;IACpG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;;AA6DD,wBAAkC"}