@dropins/storefront-requisition-list 0.1.0-alpha → 0.2.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/render.js +2 -2
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/storefront-requisition-list", "version": "0.1.0-alpha", "@dropins/tools": "^1.4.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}
1
+ {"name": "@dropins/storefront-requisition-list", "version": "0.2.0-alpha", "@dropins/tools": "^1.4.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}
package/render.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- (function(o,e){try{if(typeof document<"u"){const i=document.createElement("style"),n=e.styleId;for(const t in e.attributes)i.setAttribute(t,e.attributes[t]);i.setAttribute("data-dropin",n),i.appendChild(document.createTextNode(o));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(i);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(i):document.head.append(i)}}}catch(i){console.error("dropin-styles (injectCodeFunction)",i)}})(`.requisition-list-item{display:block}.requisition-list-item__row{display:contents}.requisition-list-item__cell{padding:8px 12px;border-bottom:1px solid #eee;background:#fff;font-size:1rem}.requisition-list-item__name{display:block;margin-bottom:2px;font:var(--type-button-2-font);font-weight:700}.requisition-list-item__description,.requisition-list-item__items_count,.requisition-list-item__updated_at,.requisition-list-item__actions{font:var(--type-button-2-font);font-weight:400;color:#666}.requisition-list-item__actions{display:flex;align-items:baseline;padding:0;margin-left:-8px}.requisition-list-item__actions .dropin-button--tertiary:hover{text-decoration:underline}.requisition-list-grid-wrapper__content{display:grid;grid-template-columns:repeat(4,1fr);row-gap:8px;width:100%}.requisition-list-grid-wrapper__list-header{display:contents}.requisition-list-grid-wrapper__list-header h5{padding:8px 12px;border-bottom:2px solid #ccc;font-weight:700}.requisition-list__row{display:contents}.requisition-list__cell{padding:8px 12px;border-bottom:1px solid #eee}.requisition-list-grid-wrapper__login-msg{grid-column:1 / -1;text-align:center;padding:16px 0;color:#666;font-size:1rem;background:#fff}.requisition-list-grid-wrapper__pagination{display:flex;justify-content:flex-end;margin:1.5rem;padding-right:1.5rem;gap:.5rem}.requisition-list-grid-wrapper__add-new{margin:1.5rem 0}.requisition-list-grid-wrapper__form-row{grid-column:1 / -1;width:100%}.requisition-list-actions{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-2);border:var(--shape-border-width-2) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.requisition-list-actions--selectable{max-width:100%;width:auto}.requisition-list-actions__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--color-neutral-800)}.requisition-list-actions svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}@supports (height: 100dvh){.requisition-list-modal .dropin-modal{height:100dvh}}.requisition-list-modal--overlay{position:relative;padding:var(--spacing-small) var(--spacing-small) var(--spacing-small) var(--spacing-small);width:100%;margin:auto;max-width:340px}@media (min-width: 768px){.requisition-list-modal--overlay{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.requisition-list-modal .dropin-modal__content{margin:0;align-items:center}.requisition-list-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.requisition-list-modal .requisition-list-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.requisition-list-modal p{margin:var(--spacing-small) 0}@media (min-width: 768px){.requisition-list-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}}.requisition-list-modal .requisition-list-modal__buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.requisition-list-names{position:relative}.requisition-list-names .requisition-list-names__picker{position:absolute;width:100%}.requisition-list-names .requisition-list-names__picker select{border:none}.requisition-list-names .dropin-card{position:relative;top:var(--spacing-xbig)}
4
- .requisition-list-form{box-sizing:border-box;background-color:var(--color-neutral-50)}.requisition-list-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.requisition-list-form__notification{margin-bottom:var(--spacing-medium)}.requisition-list-form__form{display:grid;grid-template-columns:1fr;gap:var(--spacing-medium)}.requisition-list-form__actions{display:flex;justify-content:flex-end;align-items:center;gap:0 var(--grid-2-gutters)}.requisition-list-form__actions button{min-width:var(--spacing-xhuge)}`,{styleId:"RequisitionList"});
3
+ (function(o,e){try{if(typeof document<"u"){const i=document.createElement("style"),n=e.styleId;for(const t in e.attributes)i.setAttribute(t,e.attributes[t]);i.setAttribute("data-dropin",n),i.appendChild(document.createTextNode(o));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(i);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(i):document.head.append(i)}}}catch(i){console.error("dropin-styles (injectCodeFunction)",i)}})(`.requisition-list-item{display:block}.requisition-list-item__row{display:contents}.requisition-list-item__cell{background:var(--color-neutral-50);border-bottom:var(--shape-border-width-1) solid var(--color-neutral-300);padding:var(--spacing-xsmall) var(--spacing-small);font-size:1rem}.requisition-list-item__name{display:block;font:var(--type-body-1-emphasized-font);margin-bottom:2px}.requisition-list-item__description{font:var(--type-details-caption-2-font)}.requisition-list-item__items_count,.requisition-list-item__updated_at,.requisition-list-item__actions{color:var(--color-neutral-700);font:var(--type-button-2-font)}.requisition-list-item__actions{align-items:baseline;display:flex;margin:0;padding:0}.requisition-list-item__actions .dropin-button--tertiary:hover{text-decoration:underline}.requisition-list-grid-wrapper__content{display:grid;grid-template-columns:repeat(4,1fr);row-gap:var(--spacing-xsmall);width:100%}.requisition-list-grid-wrapper__list-header{display:contents}.requisition-list-grid-wrapper__list-header h5{border-bottom:var(--shape-border-width-3) solid var(--color-neutral-400);font-weight:700;padding:var(--spacing-xsmall) var(--spacing-small)}.requisition-list__row{display:contents}.requisition-list__cell{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-300);padding:var(--spacing-xsmall) var(--spacing-small)}.requisition-list-grid-wrapper__pagination{grid-column:1 / -1;margin:var(--spacing-medium)}.requisition-list-grid-wrapper__add-new{margin:var(--spacing-medium) 0}.requisition-list-grid-wrapper__form-row{grid-column:1 / -1;margin:var(--spacing-small)}.requisition-list-actions{align-items:center;background-color:var(--color-neutral-50);border:var(--shape-border-width-2) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-2);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-medium);width:100%}.requisition-list-actions--selectable{max-width:100%;width:auto}.requisition-list-actions__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--color-neutral-800)}.requisition-list-actions svg{color:var(--color-neutral-800);stroke:var(--shape-icon-stroke-4)}@supports (height: 100dvh){.requisition-list-modal .dropin-modal{height:100dvh}}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.requisition-list-modal .dropin-modal__content{align-items:center;margin:0}.requisition-list-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.requisition-list-modal .requisition-list-modal__spinner{align-items:center;background-color:var(--color-neutral-200);display:flex;height:100%;left:0;justify-content:center;opacity:var(--color-opacity-24);position:absolute;top:0;width:100%;z-index:1}.requisition-list-modal p{margin:var(--spacing-small) 0}.requisition-list-modal .requisition-list-modal__buttons{align-items:center;display:flex;gap:0 var(--spacing-small);justify-content:right}.requisition-list-modal--overlay{margin:auto;max-width:375px;padding:var(--spacing-small);position:relative;width:100%}@media (min-width: 768px){.requisition-list-modal--overlay{margin:auto;max-width:768px;padding:var(--spacing-xxbig);position:relative;width:100%}.requisition-list-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}}.requisition-list-names{position:relative}.requisition-list-names .requisition-list-names__picker{position:absolute;width:100%}.requisition-list-names .requisition-list-names__picker select{border:none}.requisition-list-names .dropin-card{position:relative;top:var(--spacing-xbig)}
4
+ .requisition-list-form{background-color:var(--color-neutral-50);box-sizing:border-box}.requisition-list-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.requisition-list-form__notification{margin-bottom:var(--spacing-medium)}.requisition-list-form__form{display:grid;gap:var(--spacing-medium);grid-template-columns:1fr}.requisition-list-form__actions{align-items:center;display:flex;gap:0 var(--grid-2-gutters);justify-content:flex-end}`,{styleId:"RequisitionList"});
5
5
  import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{Render as a}from"@dropins/tools/lib.js";import{useState as r,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";const u={containerTitle:"Requisition Lists",RequisitionListWrapper:{name:"Name",itemsCount:"Items count",lastUpdated:"Last updated",actions:"Actions",loginMsg:"Please login",confirmRemove:"Confirm Requisition List removing",confirmRemoveContent:"Requisition List will be permanently deleted. This action can not be undone.",confirmAction:"Confirm",cancelAction:"Cancel"},AddNewReqList:{addNewReqListBtn:"Add new Requisition List"},RequisitionListItem:{actionRename:"Rename",actionRemove:"Remove"},RequisitionListForm:{actionCancel:"Cancel",actionSave:"Save",requiredField:"This is a required field.",floatingLabel:"Requisition List Name *",placeholder:"Requisition List Name",label:"Description",editTitle:"Rename Requisition List",createTitle:"Create Requisition List",addToRequisitionList:"Add to Requisition List:"}},l={RequisitionList:u},R={default:l},L=({children:t})=>{const[n,o]=r("en_US");return m(()=>{const i=d.on("locale",s=>{o(s)},{eager:!0});return()=>{i==null||i.off()}},[]),e(c,{lang:n,langDefinitions:R,children:t})},C=new a(e(L,{}));export{C as render};
6
6
  //# sourceMappingURL=render.js.map